/
_variables.scss
59 lines (46 loc) · 1.6 KB
/
_variables.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
// Global Variables
// Colors
$pd-light-blue: #69C5FF;
$pd-dark-blue: #4BB7FC;
$pd-transparent-blue: rgba(125, 222, 255, 0.5);
$pd-orange: #EFAA4C;
$pd-yellow: #FDF6E3;
$pd-off-white: #FDFDFD;
$pd-black: #000000;
$pd-light-gray: #636c72;
// Fonts
$pd-font-family-sans-serif: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
$pd-font-family-monospace: 'Inconsolata', ;
$font-family-base: $pd-font-family-sans-serif !default;
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
$font-size-lg: 1.25rem !default;
$font-size-sm: .875rem !default;
$font-size-xs: .75rem !default;
$font-weight-normal: normal !default;
$font-weight-bold: bold !default;
$font-weight-base: $font-weight-normal !default;
$line-height-base: 1.5 !default;
$font-size-h1: 2.25rem !default;
$font-size-h2: 2rem !default;
$font-size-h3: 1.75rem !default;
$font-size-h4: 1.5rem !default;
$font-size-h5: 1.25rem !default;
$font-size-h6: 1rem !default;
$headings-margin-top: (1rem) !default;
$headings-margin-bottom: (1rem / 2) !default;
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default;
$headings-color: inherit !default;
$dt-font-weight: $font-weight-bold !default;
// Tables
$table-cell-padding: 0.75rem !default;
// Grid Settings
$large-neat-grid: (
media: 1000px,
);
// Media Query Breakpoints
$screen-phone: 480px !default;
$screen-tablet: 768px !default;
$screen-desktop: 992px !default;
$screen-wide-desktop: 1200px !default;