github.com/mattyr/nomad@v0.3.3-0.20160919021406-3485a065154a/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:                 #000;
    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:             #4e5859;
    25  $blue-light:            #89999A;
    26  $blue:                  #00BFE0;
    27  $blue-faint:            #E0E8E8;
    28  $light-black:           #242424;
    29  $orange:                #e78c5b;
    30  $gray-dark:             #3B4142; //#4e5859;
    31  $gray:                  #777;
    32  $gray-light:            #939393;
    33  $gray-lighter:          #979797;
    34  $red:                   #dd4e58;
    35  $red-dark:              #c5454e;
    36  $purple:                #822ff7;
    37  $light-purple:          #f7f3f9;
    38  $btn-color:             #4592C5;
    39  
    40  
    41  // Scaffolding
    42  // -------------------------
    43  $body-bg:               #fff;
    44  $text-color:            $gray;
    45  
    46  // Links
    47  // -------------------------
    48  $link-color:            $red-dark;
    49  $link-hover-color:      darken($link-color, 15%);
    50  
    51  // Typography
    52  // -------------------------
    53  $font-family-open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    54  $font-family-blanc:     'Blanc-Light', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    55  $font-family-blanc-reg: 'Blanc-Regular', 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    56  $font-weight-xl:        300;
    57  $font-weight-reg:       400;
    58  $font-weight-sb:        600;
    59  $font-weight-xb:        700;
    60  $font-size-xl:          44px;
    61  $font-size-l:           36px;
    62  $font-size-m:           28px;
    63  $font-size-reg:         16px;
    64  
    65  $text-shadow:           1px 1px 1px #000;
    66  $shadow:                $text-shadow;
    67  
    68  
    69  //margin + padding
    70  $xsmall-pad:            20px;
    71  $small-pad:             30px;
    72  $med-pad:               70px;
    73  $large-pad:             120px;
    74  $xl-pad:                150px;
    75  
    76  $light-outline:         #f7f7f7;
    77  
    78  //
    79  $easeInOutBack:         cubic-bezier(0.68, -0.55, 0.265, 1.55);
    80  $easeOutBack:           cubic-bezier(0.175, 0.885, 0.32, 1.275);