_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