added scss files

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

+//-----------------------------------------------------------------------
+// Colors
+//-----------------------------------------------------------------------
+
+// text
+$text: rgb(119, 119, 119);
+$lighter-text: rgb(153, 153, 153);
+$headline-color: rgb(0, 0, 0);
+$monospace-font-color: rgb(0, 136, 0); // green
+
+
+// links
+$link-color: #39c;
+$link-hover-color: #39f;
+$footer-link-color: #999;
+$menu-link: #fff;
+
+// colors
+$gray-light: rgb(245, 245, 245);
+$gray-light-dark: rgb(190, 190, 190);
+$gray-medium: rgb(170, 170, 170);
+$gray-dark: rgb(130, 130, 130);
+$black: rgb(0, 0, 0);
+$white: rgb(255, 255, 255);
+
+//else
+$line-color: rgb(219, 219, 219); 
+
+
+//-----------------------------------------------------------------------
+// Typography sizing
+//-----------------------------------------------------------------------
+
+$base-font-size:   16px; // setting to 16px so that 1em = 16px, and can be used easily in math for layout (instead of 13)
+$base-line-height: 24px; 
+@include establish-baseline;
+
+$body-font-size:   0.8125  * $base-font-size; // 13px, default text size for all text
+
+$h1-font-size: 2.625  * $base-font-size; // 42px
+$h2-font-size: 1.875  * $base-font-size; // 30px
+$h3-font-size: 1.125  * $base-font-size; // 18px
+$h4-font-size: 1.1  * $base-font-size;
+$h5-font-size: 1    * $base-font-size;
+$h6-font-size: 1    * $base-font-size;
+
+$small-label-size: 0.7 * $base-font-size;
+$monospace-font-size:  0.875 * $base-font-size; // 13px
+
+// The amount lists, blockquotes and comments are indented.
+$indent-amount: 0.8em;
+
+
+//-----------------------------------------------------------------------
+// Fonts
+//-----------------------------------------------------------------------
+
+// Let's define some font stacks
+
+$opensans:          "Open Sans", Arial, "Lucida Grande", sans-serif;
+$sourcecode:        'Source Code Pro', sans-serif;
+$georgia:           Georgia, "Times New Roman", "DejaVu Serif", serif;
+$helvetica:         "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+$courier:           "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
+
+// Now let's create variables for fonts in use
+$base-font:         $opensans; 
+$body-font:         $opensans;
+$alt-font:          $opensans;
+$accent-font:       $opensans;
+$monospace-font:    $courier;
+$headline-font:     $opensans;
+
+
+//-----------------------------------------------------------------------
+// Layout
+//-----------------------------------------------------------------------
+
+$break-small: 580px;
+$break-large: 990px;
+
+// Navigational
+$site-max-width: 870px;
+//$site-sides-padding: 0 25px;
+$top-nav-height: 64px;
+$main-content-top-margin: 40px;
+
+$default-padding: 20px;
+
+
+//-----------------------------------------------------------------------
+// Shiny Things
+//-----------------------------------------------------------------------
+
+$default-border: 1px solid $line-color;
+
+