writers-zone.scss in writers-zone-0.1.5

- old
+ new
@@ -1,44 +1,45 @@
-// Define defaults for each variable.
+@charset 'UTF-8';
 
-$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;
-$base-line-height: 1.5 !default;
+// 1. Configuration and helpers
+@import
+  'abstracts/variables',
+  'abstracts/functions',
+  'abstracts/mixins';
 
-$spacing-unit:     30px !default;
+// 2. Vendors
+@import
+  'vendor/normalize';
 
-$text-color:       #111 !default;
-$background-color: #fdfdfd !default;
-$brand-color:      #2a7ae2 !default;
+// 3. Base stuff
+@import
+  'base/base',
+  'base/fonts',
+  'base/typography',
+  'base/helpers';
 
-$grey-color:       #828282 !default;
-$grey-color-light: lighten($grey-color, 40%) !default;
-$grey-color-dark:  darken($grey-color, 25%) !default;
+// 4. Layout-related sections
+@import
+  'layout/sticky-footer',
+  'layout/header',
+  'layout/footer',
+  'layout/pagination',
+  'layout/search';
 
-// Width of the content area
-$content-width:    800px !default;
+// 5. Components
+@import
+  'components/icons',
+  'components/button';
 
-$on-palm:          600px !default;
-$on-laptop:        800px !default;
+// 6. Page-specific styles
+@import
+  'pages/home',
+  'pages/pages',
+  'pages/posts';
 
-// 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;
-    }
-}
+// 7. Themes
+@import
+  'themes/default';
 
-// Import partials.
+// 2-a. Vendors
 @import
-  "writers-zone/base",
-  "writers-zone/layout",
-  "writers-zone/plugins",
-  "writers-zone/syntax-highlighting"
-;
+  'vendor/syntax-highlighting';