Sha256: ce523407a11f516970d880bf29a625669ebf15540009e9cc912c8769126f2577
Contents?: true
Size: 1.85 KB
Versions: 5
Compression:
Stored size: 1.85 KB
Contents
--- # Ponemos un frontmatter porque queremos que Jekyll procese este archivo --- $font-family-sans-serif: Saira, sans-serif; $redpink: #ff3f56; $pink: #f31a69; $link-color: $pink; $primary: $redpink; $success: $pink; $border-radius: .1rem; $h1-font-size: 3.5rem; $theme-colors: ( "transparent": transparent, "redpink": $redpink ); $border-width: 0.3rem; $border-color: $pink; @each $name, $color in $theme-colors { .#{$name} { color: $color !important; } } .font-bigger { font-size: 2rem !important; } /* * XXX: Solo importar los archivos necesarios de bootstrap para * facilitar la reducción de CSS. Por ahora pedimos todo para poder * empezar a trabajar en el HTML sin pensar en CSS. * * Los archivos se encuentran en node_modules/bootstrap/scss */ @import "font"; @import "bootstrap/scss/bootstrap"; @import "fork-awesome/scss/fork-awesome"; @import "accessibility"; @import "helpers"; @import "toggler"; @import "share_box"; .callout { padding: 15px; margin: 25px 0; border-left: 3px solid #343a40;/*--gray-dark*/ } @include media-breakpoint-down('md') { h1 { font-size: 2rem; } } /* * Copiando de node_modules/bootstrap/scss/_buttons.scss porque SASS no * permite extender dentro de media queries */ @each $grid-breakpoint, $_ in $grid-breakpoints { @include media-breakpoint-down($grid-breakpoint) { .btn-#{$grid-breakpoint}-lg { @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg); } .btn-#{$grid-breakpoint}-sm { @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm); } .btn-block { display: block; width: 100%; // Vertically space out multiple block buttons + .btn-block { margin-top: $btn-block-spacing-y; } } } }
Version data entries
5 entries across 5 versions & 1 rubygems