-
Notifications
You must be signed in to change notification settings - Fork 4
/
_global.scss
94 lines (78 loc) · 2.31 KB
/
_global.scss
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
// - - - - - - - - - - - - - - - - - - - - - - - - -
// Global Variables & Styles
// - - - - - - - - - - - - - - - - - - - - - - - - -
// Layout & Grid
$global-width: 1200px !default;
$global-left: left;
$global-right: right;
$breakpoints: (
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px,
) !default;
$breakpoint-classes: (small medium large) !default;
$grid-row-width: $global-width;
$grid-column-count: 12 !default;
$grid-column-gutter: (
small: 20px,
medium: 30px,
) !default;
$grid-column-align-edge: true;
$block-grid-max: 8;
// Base Colour Palette
$color-palette: (
primary: #549eff,
secondary: #977fda,
developer: #58d794,
success: #2bc78a,
warning: #ffae00,
danger: #b74a48,
information: #34495e,
alert: #b74a48,
beta: #a57cec,
) !default;
$color-primary: map-get($color-palette, primary);
$color-secondary: map-get($color-palette, secondary);
$color-developer: map-get($color-palette, developer);
$color-success: map-get($color-palette, success);
$color-warning: map-get($color-palette, warning);
$color-danger: map-get($color-palette, danger);
$color-information: map-get($color-palette, information);
$color-beta: map-get($color-palette, beta);
// Neutrals Colour Palette
$color-neutrals: (
white: #ffffff,
black: #2b303b,
slate: #414859,
silver: #8690a6,
smoke: #d3dce7,
snow: #f4f8fb,
) !default;
$color-white: map-get($color-neutrals, white);
$color-black: map-get($color-neutrals, black);
$color-slate: map-get($color-neutrals, slate);
$color-silver: map-get($color-neutrals, silver);
$color-smoke: map-get($color-neutrals, smoke);
$color-snow: map-get($color-neutrals, snow);
// Legacy
$color-off-white: $color-snow;
$color-grey-one: $color-silver;
// Typography
$global-font-size: 100% !default;
$global-font-smoothing: false !default;
$font-family-primary: "pusher-realtime-text", Helmet, Freesans, sans-serif;
$font-family-secondary: "pusher-proxima-nova", Helmet, Freesans, sans-serif;
$font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
$syntax-highlighting-style: "light" !default;
%font-family-primary {
font-family: $font-family-primary;
}
%font-family-secondary {
font-family: $font-family-secondary;
}
$cdn-url: "https://d2cy1obokpvee9.cloudfront.net";
// Misc
$border-radius: 0px !default;
$button-namespace: "btn" !default;