_sass/bubblin-jekyll.scss in bubblin-jekyll-1.0.3 vs _sass/bubblin-jekyll.scss in bubblin-jekyll-1.0.4

- old
+ new

@@ -1,36 +1,46 @@ -@import url(https://fonts.googleapis.com/css?family=EB+Garamond); - -$base-font-family: 'EB Garamond', serif; -$base-font-size: 16px !default; +$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default; +$base-font-size: 16px !default; $base-font-weight: 400 !default; -$small-font-size: $base-font-size * 0.875 !default; +$small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default; -$spacing-unit: 30px !default; -$text-color: rgba(0, 0, 0, 0.75) !default; -$background-color: #fff !default; -$brand-color: #2a7ae2 !default; -$grey-color: #828282 !default; + +$spacing-unit: 30px !default; + +$text-color: #111 !default; +$background-color: #fdfdfd !default; +$brand-color: #2a7ae2 !default; + +$grey-color: #828282 !default; $grey-color-light: lighten($grey-color, 40%) !default; -$grey-color-dark: darken($grey-color, 25%) !default; +$grey-color-dark: darken($grey-color, 25%) !default; + $table-text-align: left !default; +// Width of the content area +$content-width: 800px !default; -$content-width: 800px !default; -$on-palm: 600px !default; -$on-laptop: 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; +// } +// } @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; + font-size: $base-font-size * $ratio; } -@import "bubblin-jekyll/base"; - -@import "bubblin-jekyll/layout"; - -@import "bubblin-jekyll/syntax-highlighting"; +// Import partials. +@import + "scss/base", + "scss/layout", + "scss/syntax-highlighting"; \ No newline at end of file