source/sass/styles.scss

   1 /*
   2 |-------------------------------------------------------------------------------
   3 | Configuration
   4 |-------------------------------------------------------------------------------
   5 */
   6 $c-white: #ffffff;
   7
   8 $c-grayDark: #555555;
   9 $c-grayLight: #f7f7f7;
  10 $c-grayMedium: #eaeaea;
  11 $c-grayAccent: #888888;
  12
  13 $sidebarWidth: 290px;
  14 $maxPageWidth: 1000px;
  15
  16 /*
  17 |-------------------------------------------------------------------------------
  18 | Tools
  19 |-------------------------------------------------------------------------------
  20 */
  21 @import "tools/mixins";
  22
  23 /*
  24 |-------------------------------------------------------------------------------
  25 | Generic / Reset / Normalize
  26 |-------------------------------------------------------------------------------
  27 */
  28 @import "vendor/normalize";
  29
  30 /*
  31 |-------------------------------------------------------------------------------
  32 | Base elements / Un-classed elements
  33 |-------------------------------------------------------------------------------
  34 */
  35 @import "elements/elements";
  36
  37 /*
  38 |-------------------------------------------------------------------------------
  39 | Components
  40 |-------------------------------------------------------------------------------
  41 */
  42 @import "components/site-wrapper";
  43 @import "components/site-viewport";
  44 @import "components/site-sidebar";
  45 @import "components/site-content";
  46 @import "components/mobile-header";
  47 @import "components/sidebar-header";
  48 @import "components/sidebar-blog-title";
  49 @import "components/sidebar-blog-description";
  50 @import "components/sidebar-contact-links";
  51 @import "components/sidebar-navigation";
  52 @import "components/sidebar-promotion-links";
  53 @import "components/post-list";
  54 @import "components/post-pagination";
  55 @import "components/post-view";
  56 @import "components/post-view-meta";
  57 @import "components/post-view-share";
  58 @import "components/error-message";
  59
  60 /*
  61 |-------------------------------------------------------------------------------
  62 | Helpers / Overrides
  63 |-------------------------------------------------------------------------------
  64 */
  65 @import "helpers/classes";