github.com/kardianos/nomad@v0.1.3-0.20151022182107-b13df73ee850/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);