_sass/bubblin-jekyll.scss in bubblin-jekyll-1.0.1 vs _sass/bubblin-jekyll.scss in bubblin-jekyll-1.0.2

- old
+ new

@@ -1,11 +1,7 @@ @import url(https://fonts.googleapis.com/css?family=EB+Garamond); -@charset "utf-8"; - - - $base-font-family: 'EB Garamond', serif; $base-font-size: 16px !default; $base-font-weight: 400 !default; $small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default; @@ -15,30 +11,32 @@ $brand-color: #2a7ae2 !default; $grey-color: #828282 !default; $grey-color-light: lighten($grey-color, 40%) !default; $grey-color-dark: darken($grey-color, 25%) !default; $table-text-align: left !default; + + // Width of the content area $content-width: 800px !default; $on-palm: 600px !default; $on-laptop: 800px !default; -// Use media queries like this: -// @include media-query($on-palm) { -// .wrapper { -// padding-right: $spacing-unit / 2; -// padding-left: $spacing-unit / 2; -// } -// } +@include media-query($on-palm) { + .wrapper { + padding-right: $spacing-unit / 2; + padding-left: $spacing-unit / 2; + } +} @mixin media-query($device) { - @media screen and (max-width: $device) { - @content; - } + @media screen and (max-width: $device) { + @content; + } } @mixin relative-font-size($ratio) { font-size: $base-font-size * $ratio; } -// Import partials. -@import "bubblin-jekyll/base", -"bubblin-jekyll/layout", -"bubblin-jekyll/syntax-highlighting"; +@import "bubblin-jekyll/base" + +@import "bubblin-jekyll/layout" + +@import "bubblin-jekyll/syntax-highlighting" \ No newline at end of file