forked from adamlaska/circleci-docs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path_variables.scss
More file actions
83 lines (72 loc) · 2.11 KB
/
_variables.scss
File metadata and controls
83 lines (72 loc) · 2.11 KB
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
// Colors for EVERYTHING (alphabetical)
$body-text-color: #555;
$heading-color: #333;
$nav-bg-color: #FBFBFB;
$nav-search-res-bg-color: darken($nav-bg-color, 10%);
$nav-border-color: #CCC;
$link-text-color: #27A0B6;
$link-hover-color: #36D4ED;
$blue: #36D4ED;
$blue-100: #5194DF;
$black-light: #343434;
$black-text: #161616;
$gray-100: #F7F7F7;
$gray-200: #e2e0e0;
$gray-dark: #898989;
// Grid System
$grid-gutter-width: 30px;
// Screen Sizes
$screen-xs: 480px;
$screen-xs-min: $screen-xs;
// Small screen / tablet
$screen-sm: 768px;
$screen-sm-min: $screen-sm;
// Medium screen / desktop
$screen-md: 992px;
$screen-md-min: $screen-md;
// Large screen / wide desktop
$screen-lg: 1200px;
$screen-lg-min: $screen-lg;
// So media queries don't overlap. When required, provide a maximum.
$screen-xxs-max: ($screen-xs-min - 1);
$screen-xs-max: ($screen-sm-min - 1);
$screen-sm-max: ($screen-md-min - 1);
$screen-md-max: ($screen-lg-min - 1);
// Sidebars
$toc-breakpoint: 1300px; // where the toc-right-sidebar disappears.
$leftbar-width: 280px;
$rightbar-width: 350px;
// General Sizing
$spacing-small-horizontal: 12px;
$spacing-medium-horizontal: 24px;
$spacing-intermediate-large-horizontal: 48px;
$spacing-large-horizontal: 60px;
$spacing-large-vertical: 90px;
$spacing-intermediate-large-vertical: 66px;
$spacing-medium-vertical: 48px;
$spacing-small-vertical: 18px;
$spacing-base: 6px;
$logo-width-small: 125px;
// Font Sizes
$font-size-root: 16px;
$font-size-base: $font-size-root; // ~16px
$font-size-small: 14px;
$font-size-micro: 12px;
$font-size-h1: 52px;
$font-size-h1-small: 45px;
$font-size-h2: 32px;
$font-size-h3: 23px;
$font-size-h4: 20px;
$font-size-h5: 18px;
// Font Weights
$font-weight-base: 400;
$font-weight-thin: 100;
$font-weight-bold: 600;
// Header and subnav
$nav-height: 68px;
$nav-height-mobile: 62px;
$sticky-height: 70px;
$subnav-height: 64px;
$nav-offset: $nav-height;
$subnav-offset: $subnav-height;
$nav-offset-subnav: $nav-offset + $subnav-offset;