_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