1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
// Google Fonts
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700,300|Roboto:400,700,300|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);
// Typography
$base-font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; // $helvetica;
$heading-font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif; // $base-font-family;
// Font Sizes
$base-font-size: $em-base; // 16px
// Adjust modular scale ratio
$modular-scale-ratio: $minor-third;
// Line height
$base-line-height: 1.8;
$heading-line-height: 1.8;
// Other Sizes
$base-border-radius: 3px;
$base-spacing: $base-line-height * $em-base;
$small-spacing: $base-spacing / 2;
$base-z-index: 0;
// Colors
$dark-gray: #333;
$medium-gray: #999;
$light-gray: #ddd;
$white: #fff;
// Flat UI Colors. For more, see http://flatuicolors.com/
$turquoise: #1abc9c; // Turqoise
$green: #27ae60; // Nephritis
$blue: #2980b9; // Belize Hole
$purple: #8e44ad; // Wisteria
$orange: #d35400; // Pumpkin
$red: #c0392b; // Pomegranate
$gray: #7f8c8d; // Asbestos
// Even more colors
$bc-red: #bc0000;
// Font Colors
$base-background-color: #fff;
$base-font-color: $dark-gray;
$action-color: $blue;
$highlight-color: tint($action-color, 33%);
// Border
$base-border-color: $light-gray;
$base-border: 1px solid $base-border-color;
// Forms
$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
|