github.com/dahs81/otto@v0.2.1-0.20160126165905-6400716cf085/website/source/assets/stylesheets/_variables.scss (about)

     1  //
     2  // Variables
     3  // --------------------------------------------------
     4  
     5  
     6  // Global values
     7  // --------------------------------------------------
     8  
     9  $header-height:         90px;
    10  $btn-border-radius:     4px;
    11  $el-border-radius:      6px;
    12  // colors
    13  // -------------------------
    14  
    15  $white:                 #fff;
    16  $black:                 #273335;
    17  $gray:                  #929199;
    18  $light-gray:            #C2C1C7;
    19  $faint-gray:            #E3E3EA;
    20  $green:                 #56cdad;
    21  $green-dark:            #449b82;
    22  $green-light:           #9bdb9c;
    23  $green-faint:           #E3F5E3;
    24  $blue-dark:             #596D6F;
    25  $blue-light:            #89999A;
    26  $blue:                  #00BFE0;
    27  $blue-faint:            #C0C9CA;
    28  $light-black:           #242424;
    29  $orange:                #FF6D38;
    30  $light-orange:          #FFF4EC;
    31  $gray-dark:             #526769;
    32  $gray:                  #E7EDF1;
    33  $gray-light:            #939393;
    34  $gray-lighter:          #979797;
    35  $red:                   #dd4e58;
    36  $red-dark:              #c5454e;
    37  $purple:                #822ff7;
    38  $light-purple:          #f7f3f9;
    39  $btn-color:             #4592C5;
    40  
    41  //C0C9CA
    42  
    43  // Scaffolding
    44  // -------------------------
    45  $body-bg:               #fff;
    46  $text-color:            $gray;
    47  
    48  // Links
    49  // -------------------------
    50  $link-color:            $red-dark;
    51  $link-hover-color:      darken($link-color, 15%);
    52  
    53  // Typography
    54  // -------------------------
    55  $font-family-bitstream: 'Bitstream Monobold', 'Courier New', Monaco, Menlo, Consolas, monospace;
    56  $font-family-roboto:    'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    57  $font-weight-light:     300;
    58  $font-weight-reg:       400;
    59  $font-weight-md:        500;
    60  $font-weight-sb:        600;
    61  $font-weight-xb:        700;
    62  $font-size-xl:          44px;
    63  $font-size-l:           36px;
    64  $font-size-m:           28px;
    65  $font-size-reg:         16px;
    66  $font-size-sm:          12px;
    67  $line-height-factor:    12px;
    68  
    69  $text-shadow:           1px 1px 1px #000;
    70  $shadow:                $text-shadow;
    71  
    72  
    73  //margin + padding
    74  $xsmall-pad:            20px;
    75  $small-pad:             30px;
    76  $med-pad:               70px;
    77  $large-pad:             120px;
    78  $xl-pad:                150px;
    79  
    80  $light-outline:         #f7f7f7;
    81  
    82  //
    83  $easeInOutBack:         cubic-bezier(0.68, -0.55, 0.265, 1.55);
    84  $easeOutBack:           cubic-bezier(0.175, 0.885, 0.32, 1.275);