1  // ==========================================================================
 2  // Base – Global Variables
 3  // ==========================================================================
 4  
 5  // Container Defaults
 6  @mobile-container:   @widthMobile;
 7  @tablet-container:   @widthTablet;
 8  @desktop-container:  @widthContainer;
 9  
10  
11  // Resonsive Design Break Points
12  @mobile-breakpoint:  (@tablet-container + 19px);
13  @tablet-breakpoint:  (@tablet-container + 20px);
14  @desktop-breakpoint: (@desktop-container);
15  
16  // Default Fonts
17  @default-font-family:      sans-serif;
18  @default-code-font-family: 'courier new', monospace, serif;
19  
20  // Font Size Defaults
21  @h1: 40;
22  @h2: 32;
23  @h3: 26;
24  @h4: 20;
25  @h5: 18;
26  @h6: 16;
27  
28  @default-font-size:   16;
29  @default-line-height: 21;
30  
31  // Default Colours
32  @default-font-color:          #434343;
33  @default-link-color:          #27ae61;
34  @default-button-color:        #e74b3c;
35  @default-button-hover-color:  #f43f3f;