chrome/common/extensions/docs/static/sass/_vars.scss

   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