Home | History | Annotate | Download | only in sass 
      1 //-----------------------------------------------------------------------
      2 // Colors
      3 //-----------------------------------------------------------------------
      4 
      5 // text
      6 $text: rgb(119, 119, 119);
      7 $lighter-text: rgb(153, 153, 153);
      8 $headline-color: rgb(0, 0, 0);
      9 $monospace-font-color: rgb(0, 136, 0); // green
     10 
     11 
     12 // links
     13 $link-color: #39c;
     14 $link-hover-color: #39f;
     15 $footer-link-color: #999;
     16 $menu-link: #fff;
     17 
     18 // colors
     19 $gray-light: rgb(245, 245, 245);
     20 $gray-light-dark: rgb(190, 190, 190);
     21 $gray-medium: rgb(170, 170, 170);
     22 $gray-dark: rgb(130, 130, 130);
     23 $black: rgb(0, 0, 0);
     24 $white: rgb(255, 255, 255);
     25 
     26 //else
     27 $line-color: rgb(219, 219, 219); 
     28 
     29 
     30 //-----------------------------------------------------------------------
     31 // Typography sizing
     32 //-----------------------------------------------------------------------
     33 
     34 $base-font-size:   16px; // setting to 16px so that 1em = 16px, and can be used easily in math for layout (instead of 13)
     35 $base-line-height: 24px; 
     36 @include establish-baseline;
     37 
     38 $body-font-size:   0.8125  * $base-font-size; // 13px, default text size for all text
     39 
     40 $h1-font-size: 2.625  * $base-font-size; // 42px
     41 $h2-font-size: 1.875  * $base-font-size; // 30px
     42 $h3-font-size: 1.125  * $base-font-size; // 18px
     43 $h4-font-size: 1.1  * $base-font-size;
     44 $h5-font-size: 1    * $base-font-size;
     45 $h6-font-size: 1    * $base-font-size;
     46 
     47 $small-label-size: 0.7 * $base-font-size;
     48 $monospace-font-size:  0.875 * $base-font-size; // 13px
     49 
     50 // The amount lists, blockquotes and comments are indented.
     51 $indent-amount: 0.8em;
     52 
     53 
     54 //-----------------------------------------------------------------------
     55 // Fonts
     56 //-----------------------------------------------------------------------
     57 
     58 // Let's define some font stacks
     59 
     60 $opensans:          "Open Sans", Arial, "Lucida Grande", sans-serif;
     61 $sourcecode:        'Source Code Pro', sans-serif;
     62 $georgia:           Georgia, "Times New Roman", "DejaVu Serif", serif;
     63 $helvetica:         "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     64 $courier:           "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
     65 
     66 // Now let's create variables for fonts in use
     67 $base-font:         $opensans; 
     68 $body-font:         $opensans;
     69 $alt-font:          $opensans;
     70 $accent-font:       $opensans;
     71 $monospace-font:    $courier;
     72 $headline-font:     $opensans;
     73 
     74 
     75 //-----------------------------------------------------------------------
     76 // Layout
     77 //-----------------------------------------------------------------------
     78 
     79 $break-small: 580px;
     80 $break-large: 990px;
     81 
     82 // Navigational
     83 $site-max-width: 870px;
     84 //$site-sides-padding: 0 25px;
     85 $top-nav-height: 64px;
     86 $main-content-top-margin: 40px;
     87 
     88 $default-padding: 20px;
     89 
     90 
     91 //-----------------------------------------------------------------------
     92 // Shiny Things
     93 //-----------------------------------------------------------------------
     94 
     95 $default-border: 1px solid $line-color;
     96 
     97 
     98