just-the-docs-altair 0.2.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +68 -0
- data/Rakefile +1 -0
- data/_includes/head.html +26 -0
- data/_includes/nav.html +44 -0
- data/_layouts/about.html +5 -0
- data/_layouts/default.html +78 -0
- data/_layouts/home.html +5 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +5 -0
- data/_sass/base.scss +110 -0
- data/_sass/buttons.scss +118 -0
- data/_sass/code.scss +122 -0
- data/_sass/color_schemes/dark.scss +14 -0
- data/_sass/content.scss +114 -0
- data/_sass/custom/custom.scss +120 -0
- data/_sass/labels.scss +36 -0
- data/_sass/layout.scss +147 -0
- data/_sass/navigation.scss +148 -0
- data/_sass/search.scss +114 -0
- data/_sass/support/_functions.scss +10 -0
- data/_sass/support/_variables.scss +130 -0
- data/_sass/support/mixins/_buttons.scss +27 -0
- data/_sass/support/mixins/_layout.scss +36 -0
- data/_sass/support/mixins/_typography.scss +81 -0
- data/_sass/support/mixins/mixins.scss +3 -0
- data/_sass/support/support.scss +3 -0
- data/_sass/tables.scss +78 -0
- data/_sass/typography.scss +58 -0
- data/_sass/utilities/_colors.scss +239 -0
- data/_sass/utilities/_layout.scss +38 -0
- data/_sass/utilities/_lists.scss +11 -0
- data/_sass/utilities/_spacing.scss +121 -0
- data/_sass/utilities/_typography.scss +91 -0
- data/_sass/utilities/utilities.scss +5 -0
- data/_sass/vendor/normalize.scss/README.md +78 -0
- data/_sass/vendor/normalize.scss/normalize.scss +427 -0
- data/_sass/vendor/normalize.scss/package.json +70 -0
- data/assets/css/dark-mode-preview.scss +41 -0
- data/assets/css/just-the-docs.scss +44 -0
- data/assets/images/just-the-docs.png +0 -0
- data/assets/images/search.svg +1 -0
- data/assets/js/just-the-docs.js +177 -0
- data/assets/js/search-data.json +12 -0
- data/assets/js/vendor/lunr.min.js +6 -0
- data/bin/just-the-docs +16 -0
- data/lib/tasks/search.rake +27 -0
- metadata +137 -0
data/_sass/code.scss
ADDED
@@ -0,0 +1,122 @@
|
|
1
|
+
//
|
2
|
+
// Code and syntax highlighting
|
3
|
+
//
|
4
|
+
// stylelint-disable selector-no-qualifying-type, declaration-block-semicolon-newline-after,declaration-block-single-line-max-declarations, selector-no-type, selector-max-type
|
5
|
+
|
6
|
+
code {
|
7
|
+
padding: 0.2em 0.15em;
|
8
|
+
font-weight: 400;
|
9
|
+
background-color: $code-background-color;
|
10
|
+
border: $border $border-color;
|
11
|
+
border-radius: $border-radius;
|
12
|
+
}
|
13
|
+
|
14
|
+
pre.highlight {
|
15
|
+
padding: $sp-3;
|
16
|
+
margin-bottom: 0;
|
17
|
+
-webkit-overflow-scrolling: touch;
|
18
|
+
background-color: $code-background-color;
|
19
|
+
|
20
|
+
code {
|
21
|
+
padding: 0;
|
22
|
+
border: 0;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
.highlighter-rouge {
|
27
|
+
margin-bottom: $sp-3;
|
28
|
+
overflow: hidden;
|
29
|
+
border-radius: $border-radius;
|
30
|
+
}
|
31
|
+
|
32
|
+
.highlight .c { color: #586e75; } // comment //
|
33
|
+
.highlight .err { color: #93a1a1; } // error //
|
34
|
+
.highlight .g { color: #93a1a1; } // generic //
|
35
|
+
.highlight .k { color: #859900; } // keyword //
|
36
|
+
.highlight .l { color: #93a1a1; } // literal //
|
37
|
+
.highlight .n { color: #93a1a1; } // name //
|
38
|
+
.highlight .o { color: #859900; } // operator //
|
39
|
+
.highlight .x { color: #cb4b16; } // other //
|
40
|
+
.highlight .p { color: #93a1a1; } // punctuation //
|
41
|
+
.highlight .cm { color: #586e75; } // comment.multiline //
|
42
|
+
.highlight .cp { color: #859900; } // comment.preproc //
|
43
|
+
.highlight .c1 { color: #586e75; } // comment.single //
|
44
|
+
.highlight .cs { color: #859900; } // comment.special //
|
45
|
+
.highlight .gd { color: #2aa198; } // generic.deleted //
|
46
|
+
.highlight .ge { font-style: italic; color: #93a1a1; } // generic.emph //
|
47
|
+
.highlight .gr { color: #dc322f; } // generic.error //
|
48
|
+
.highlight .gh { color: #cb4b16; } // generic.heading //
|
49
|
+
.highlight .gi { color: #859900; } // generic.inserted //
|
50
|
+
.highlight .go { color: #93a1a1; } // generic.output //
|
51
|
+
.highlight .gp { color: #93a1a1; } // generic.prompt //
|
52
|
+
.highlight .gs { font-weight: bold; color: #93a1a1; } // generic.strong //
|
53
|
+
.highlight .gu { color: #cb4b16; } // generic.subheading //
|
54
|
+
.highlight .gt { color: #93a1a1; } // generic.traceback //
|
55
|
+
.highlight .kc { color: #cb4b16; } // keyword.constant //
|
56
|
+
.highlight .kd { color: #268bd2; } // keyword.declaration //
|
57
|
+
.highlight .kn { color: #859900; } // keyword.namespace //
|
58
|
+
.highlight .kp { color: #859900; } // keyword.pseudo //
|
59
|
+
.highlight .kr { color: #268bd2; } // keyword.reserved //
|
60
|
+
.highlight .kt { color: #dc322f; } // keyword.type //
|
61
|
+
.highlight .ld { color: #93a1a1; } // literal.date //
|
62
|
+
.highlight .m { color: #2aa198; } // literal.number //
|
63
|
+
.highlight .s { color: #2aa198; } // literal.string //
|
64
|
+
.highlight .na { color: #93a1a1; } // name.attribute //
|
65
|
+
.highlight .nb { color: #b58900; } // name.builtin //
|
66
|
+
.highlight .nc { color: #268bd2; } // name.class //
|
67
|
+
.highlight .no { color: #cb4b16; } // name.constant //
|
68
|
+
.highlight .nd { color: #268bd2; } // name.decorator //
|
69
|
+
.highlight .ni { color: #cb4b16; } // name.entity //
|
70
|
+
.highlight .ne { color: #cb4b16; } // name.exception //
|
71
|
+
.highlight .nf { color: #268bd2; } // name.function //
|
72
|
+
.highlight .nl { color: #93a1a1; } // name.label //
|
73
|
+
.highlight .nn { color: #93a1a1; } // name.namespace //
|
74
|
+
.highlight .nx { color: #555; } // name.other //
|
75
|
+
.highlight .py { color: #93a1a1; } // name.property //
|
76
|
+
.highlight .nt { color: #268bd2; } // name.tag //
|
77
|
+
.highlight .nv { color: #268bd2; } // name.variable //
|
78
|
+
.highlight .ow { color: #859900; } // operator.word //
|
79
|
+
.highlight .w { color: #93a1a1; } // text.whitespace //
|
80
|
+
.highlight .mf { color: #2aa198; } // literal.number.float //
|
81
|
+
.highlight .mh { color: #2aa198; } // literal.number.hex //
|
82
|
+
.highlight .mi { color: #2aa198; } // literal.number.integer //
|
83
|
+
.highlight .mo { color: #2aa198; } // literal.number.oct //
|
84
|
+
.highlight .sb { color: #586e75; } // literal.string.backtick //
|
85
|
+
.highlight .sc { color: #2aa198; } // literal.string.char //
|
86
|
+
.highlight .sd { color: #93a1a1; } // literal.string.doc //
|
87
|
+
.highlight .s2 { color: #2aa198; } // literal.string.double //
|
88
|
+
.highlight .se { color: #cb4b16; } // literal.string.escape //
|
89
|
+
.highlight .sh { color: #93a1a1; } // literal.string.heredoc //
|
90
|
+
.highlight .si { color: #2aa198; } // literal.string.interpol //
|
91
|
+
.highlight .sx { color: #2aa198; } // literal.string.other //
|
92
|
+
.highlight .sr { color: #dc322f; } // literal.string.regex //
|
93
|
+
.highlight .s1 { color: #2aa198; } // literal.string.single //
|
94
|
+
.highlight .ss { color: #2aa198; } // literal.string.symbol //
|
95
|
+
.highlight .bp { color: #268bd2; } // name.builtin.pseudo //
|
96
|
+
.highlight .vc { color: #268bd2; } // name.variable.class //
|
97
|
+
.highlight .vg { color: #268bd2; } // name.variable.global //
|
98
|
+
.highlight .vi { color: #268bd2; } // name.variable.instance //
|
99
|
+
.highlight .il { color: #2aa198; } // literal.number.integer.long //
|
100
|
+
|
101
|
+
//
|
102
|
+
// Code examples (rendered)
|
103
|
+
//
|
104
|
+
|
105
|
+
.code-example {
|
106
|
+
padding: $sp-3;
|
107
|
+
margin-bottom: $sp-3;
|
108
|
+
overflow: auto;
|
109
|
+
border: 1px solid $border-color;
|
110
|
+
border-radius: $border-radius;
|
111
|
+
|
112
|
+
+ .highlighter-rouge,
|
113
|
+
+ figure.highlight {
|
114
|
+
position: relative;
|
115
|
+
margin-top: -$sp-4;
|
116
|
+
border-right: 1px solid $border-color;
|
117
|
+
border-bottom: 1px solid $border-color;
|
118
|
+
border-left: 1px solid $border-color;
|
119
|
+
border-top-left-radius: 0;
|
120
|
+
border-top-right-radius: 0;
|
121
|
+
}
|
122
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
|
2
|
+
$body-background-color: $grey-dk-300;
|
3
|
+
$sidebar-color: $grey-dk-300;
|
4
|
+
$border-color: $grey-dk-200;
|
5
|
+
|
6
|
+
$body-text-color: $grey-lt-300;
|
7
|
+
$body-heading-color: $grey-lt-000;
|
8
|
+
$nav-child-link-color: $grey-dk-000;
|
9
|
+
|
10
|
+
$link-color: $blue-000;
|
11
|
+
$btn-primary-color: $blue-200;
|
12
|
+
$base-button-color: $grey-dk-250;
|
13
|
+
|
14
|
+
$code-background-color: $grey-dk-250;
|
data/_sass/content.scss
ADDED
@@ -0,0 +1,114 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
//
|
4
|
+
// Styles for rendered markdown in the .main-content container
|
5
|
+
//
|
6
|
+
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type
|
7
|
+
|
8
|
+
.page-content {
|
9
|
+
a {
|
10
|
+
overflow: hidden;
|
11
|
+
text-overflow: ellipsis;
|
12
|
+
white-space: nowrap;
|
13
|
+
}
|
14
|
+
|
15
|
+
ul,
|
16
|
+
ol {
|
17
|
+
padding-left: 1.5em;
|
18
|
+
}
|
19
|
+
|
20
|
+
ol {
|
21
|
+
list-style-type: none;
|
22
|
+
counter-reset: step-counter;
|
23
|
+
|
24
|
+
> li {
|
25
|
+
position: relative;
|
26
|
+
|
27
|
+
&::before {
|
28
|
+
position: absolute;
|
29
|
+
top: 0.2em;
|
30
|
+
left: -1.6em;
|
31
|
+
color: $grey-dk-000;
|
32
|
+
content: counter(step-counter);
|
33
|
+
counter-increment: step-counter;
|
34
|
+
@include fs-3;
|
35
|
+
|
36
|
+
@include mq(sm) {
|
37
|
+
top: 0.11em;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
ol {
|
42
|
+
counter-reset: sub-counter;
|
43
|
+
|
44
|
+
li {
|
45
|
+
&::before {
|
46
|
+
content: counter(sub-counter, lower-alpha);
|
47
|
+
counter-increment: sub-counter;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
}
|
52
|
+
}
|
53
|
+
|
54
|
+
ul {
|
55
|
+
list-style: none;
|
56
|
+
|
57
|
+
> li {
|
58
|
+
&::before {
|
59
|
+
position: absolute;
|
60
|
+
margin-left: -1.4em;
|
61
|
+
color: $grey-dk-000;
|
62
|
+
content: "•";
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
.task-list {
|
68
|
+
padding-left: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
.task-list-item {
|
72
|
+
display: flex;
|
73
|
+
align-items: center;
|
74
|
+
|
75
|
+
&::before {
|
76
|
+
content: "";
|
77
|
+
}
|
78
|
+
}
|
79
|
+
|
80
|
+
.task-list-item-checkbox {
|
81
|
+
margin-right: 0.6em;
|
82
|
+
}
|
83
|
+
|
84
|
+
hr + * {
|
85
|
+
margin-top: 0;
|
86
|
+
}
|
87
|
+
|
88
|
+
h1:first-of-type {
|
89
|
+
margin-top: 0.5em;
|
90
|
+
}
|
91
|
+
|
92
|
+
dl {
|
93
|
+
display: grid;
|
94
|
+
grid-template-columns: max-content 1fr;
|
95
|
+
}
|
96
|
+
|
97
|
+
dt,
|
98
|
+
dd {
|
99
|
+
margin: 0.25em 0;
|
100
|
+
}
|
101
|
+
|
102
|
+
dt {
|
103
|
+
text-align: right;
|
104
|
+
|
105
|
+
&::after {
|
106
|
+
content: ":";
|
107
|
+
}
|
108
|
+
}
|
109
|
+
|
110
|
+
dd {
|
111
|
+
margin-left: 1em;
|
112
|
+
font-weight: 500;
|
113
|
+
}
|
114
|
+
}
|
@@ -0,0 +1,120 @@
|
|
1
|
+
// //
|
2
|
+
// // Typography
|
3
|
+
// //
|
4
|
+
//
|
5
|
+
// $body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif;
|
6
|
+
// $mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace;
|
7
|
+
// $root-font-size: 16px; // Base font-size for rems
|
8
|
+
// $body-line-height: 1.4;
|
9
|
+
// $body-heading-line-height: 1.15;
|
10
|
+
//
|
11
|
+
// //
|
12
|
+
// // Colors
|
13
|
+
// //
|
14
|
+
//
|
15
|
+
// $white: #fff;
|
16
|
+
//
|
17
|
+
// $grey-dk-000: #959396;
|
18
|
+
// $grey-dk-100: #5c5962;
|
19
|
+
// $grey-dk-200: #44434d;
|
20
|
+
// $grey-dk-250: #302d36 !default;
|
21
|
+
// $grey-dk-300: #27262b;
|
22
|
+
//
|
23
|
+
// $grey-lt-000: #f5f6fa;
|
24
|
+
// $grey-lt-100: #eeebee;
|
25
|
+
// $grey-lt-200: #ecebed;
|
26
|
+
// $grey-lt-300: #e6e1e8;
|
27
|
+
//
|
28
|
+
// $purple-000: #7253ed;
|
29
|
+
// $purple-100: #5e41d0;
|
30
|
+
// $purple-200: #4e26af;
|
31
|
+
// $purple-300: #381885;
|
32
|
+
//
|
33
|
+
// $blue-000: #2c84fa;
|
34
|
+
// $blue-100: #2869e6;
|
35
|
+
// $blue-200: #264caf;
|
36
|
+
// $blue-300: #183385;
|
37
|
+
//
|
38
|
+
// $green-000: #41d693;
|
39
|
+
// $green-100: #11b584;
|
40
|
+
// $green-200: #009c7b;
|
41
|
+
// $green-300: #026e57;
|
42
|
+
//
|
43
|
+
// $body-background-color: $white !default;
|
44
|
+
// $sidebar-color: $grey-lt-000 !default;
|
45
|
+
// $code-background-color: $grey-lt-000 !default;
|
46
|
+
|
47
|
+
// $body-text-color: $grey-dk-100 !default;
|
48
|
+
// $body-heading-color: $grey-dk-300 !default;
|
49
|
+
// $nav-child-link-color: $grey-dk-100 !default;
|
50
|
+
// $link-color: $purple-000 !default;
|
51
|
+
// $btn-primary-color: $purple-100 !default;
|
52
|
+
// $base-button-color: #f7f7f7 !default;
|
53
|
+
//
|
54
|
+
// //
|
55
|
+
// // Media queries in pixels
|
56
|
+
// //
|
57
|
+
//
|
58
|
+
// $media-queries: (
|
59
|
+
// xs: 320px,
|
60
|
+
// sm: 500px,
|
61
|
+
// md: 740px,
|
62
|
+
// lg: 1120px,
|
63
|
+
// xl: 1400px
|
64
|
+
// );
|
65
|
+
//
|
66
|
+
// //
|
67
|
+
// // Spacing
|
68
|
+
// //
|
69
|
+
//
|
70
|
+
// $spacing-unit: 1rem; // 1rem == 16px
|
71
|
+
//
|
72
|
+
// $spacers: (
|
73
|
+
// sp-0: 0,
|
74
|
+
// sp-1: $spacing-unit * 0.25,
|
75
|
+
// sp-2: $spacing-unit * 0.5,
|
76
|
+
// sp-3: $spacing-unit * 0.75,
|
77
|
+
// sp-4: $spacing-unit,
|
78
|
+
// sp-5: $spacing-unit * 1.5,
|
79
|
+
// sp-6: $spacing-unit * 2,
|
80
|
+
// sp-7: $spacing-unit * 2.5,
|
81
|
+
// sp-8: $spacing-unit * 3,
|
82
|
+
// sp-9: $spacing-unit * 3.5,
|
83
|
+
// sp-10: $spacing-unit * 4
|
84
|
+
// );
|
85
|
+
//
|
86
|
+
// $sp-1: map-get($spacers, sp-1); // 0.25 rem == 4px
|
87
|
+
// $sp-2: map-get($spacers, sp-2); // 0.5 rem == 8px
|
88
|
+
// $sp-3: map-get($spacers, sp-3); // 0.75 rem == 12px
|
89
|
+
// $sp-4: map-get($spacers, sp-4); // 1 rem == 16px
|
90
|
+
// $sp-5: map-get($spacers, sp-5); // 1.5 rem == 24px
|
91
|
+
// $sp-6: map-get($spacers, sp-6); // 2 rem == 32px
|
92
|
+
// $sp-7: map-get($spacers, sp-7); // 2.5 rem == 40px
|
93
|
+
// $sp-8: map-get($spacers, sp-8); // 3 rem == 48px
|
94
|
+
// $sp-9: map-get($spacers, sp-9); // 4 rem == 48px
|
95
|
+
// $sp-10: map-get($spacers, sp-10); // 4.5 rem == 48px
|
96
|
+
//
|
97
|
+
// //
|
98
|
+
// // Borders
|
99
|
+
// //
|
100
|
+
//
|
101
|
+
// $border: 1px solid;
|
102
|
+
// $border-radius: 4px;
|
103
|
+
// $border-color: $grey-lt-100;
|
104
|
+
//
|
105
|
+
// //
|
106
|
+
// // Grid system
|
107
|
+
// //
|
108
|
+
//
|
109
|
+
// $gutter-spacing: $sp-6;
|
110
|
+
// $gutter-spacing-sm: $sp-4;
|
111
|
+
// $nav-width: 232px;
|
112
|
+
// $content-width: 800px;
|
113
|
+
//
|
114
|
+
// $media-queries: (
|
115
|
+
// xs: 320px,
|
116
|
+
// sm: 500px,
|
117
|
+
// md: 740px,
|
118
|
+
// lg: 800px,
|
119
|
+
// xl: 1316px
|
120
|
+
// );
|
data/_sass/labels.scss
ADDED
@@ -0,0 +1,36 @@
|
|
1
|
+
//
|
2
|
+
// Labels (not the form kind)
|
3
|
+
//
|
4
|
+
|
5
|
+
.label,
|
6
|
+
.label-blue {
|
7
|
+
display: inline-block;
|
8
|
+
padding-top: 0.16em;
|
9
|
+
padding-right: 0.42em;
|
10
|
+
padding-bottom: 0.16em;
|
11
|
+
padding-left: 0.42em;
|
12
|
+
margin-right: $sp-1;
|
13
|
+
margin-left: $sp-1;
|
14
|
+
color: $white;
|
15
|
+
text-transform: uppercase;
|
16
|
+
vertical-align: middle;
|
17
|
+
background-color: $blue-100;
|
18
|
+
@include fs-2;
|
19
|
+
}
|
20
|
+
|
21
|
+
.label-green {
|
22
|
+
background-color: $green-200;
|
23
|
+
}
|
24
|
+
|
25
|
+
.label-purple {
|
26
|
+
background-color: $purple-100;
|
27
|
+
}
|
28
|
+
|
29
|
+
.label-red {
|
30
|
+
background-color: $red-200;
|
31
|
+
}
|
32
|
+
|
33
|
+
.label-yellow {
|
34
|
+
color: $grey-dk-200;
|
35
|
+
background-color: $yellow-200;
|
36
|
+
}
|
data/_sass/layout.scss
ADDED
@@ -0,0 +1,147 @@
|
|
1
|
+
//
|
2
|
+
// The basic two column layout
|
3
|
+
//
|
4
|
+
|
5
|
+
.page-wrap {
|
6
|
+
@include mq(md) {
|
7
|
+
position: absolute;
|
8
|
+
top: 0;
|
9
|
+
left: 0;
|
10
|
+
display: flex;
|
11
|
+
width: 100%;
|
12
|
+
height: 100%;
|
13
|
+
overflow-x: hidden;
|
14
|
+
overflow-y: hidden;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
.side-bar {
|
19
|
+
z-index: 100;
|
20
|
+
display: flex;
|
21
|
+
flex-wrap: wrap;
|
22
|
+
padding-top: $gutter-spacing-sm;
|
23
|
+
padding-bottom: $gutter-spacing-sm;
|
24
|
+
background-color: $sidebar-color;
|
25
|
+
|
26
|
+
@include mq(md) {
|
27
|
+
flex-wrap: nowrap;
|
28
|
+
position: absolute;
|
29
|
+
width: $nav-width + 16px;
|
30
|
+
height: 100%;
|
31
|
+
padding-top: $gutter-spacing * 2;
|
32
|
+
padding-bottom: 0;
|
33
|
+
flex-direction: column;
|
34
|
+
border-right: $border $border-color;
|
35
|
+
align-items: flex-end;
|
36
|
+
}
|
37
|
+
|
38
|
+
@include mq(lg) {
|
39
|
+
width: calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width});
|
40
|
+
min-width: $nav-width;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
.main-content-wrap {
|
45
|
+
@include mq(md) {
|
46
|
+
position: absolute;
|
47
|
+
top: 0;
|
48
|
+
left: 0;
|
49
|
+
width: 100%;
|
50
|
+
height: 100%;
|
51
|
+
min-height: 600px;
|
52
|
+
-webkit-overflow-scrolling: touch;
|
53
|
+
overflow-x: hidden;
|
54
|
+
overflow-y: scroll;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
.main-content {
|
59
|
+
padding-top: $gutter-spacing-sm;
|
60
|
+
@include container;
|
61
|
+
|
62
|
+
@include mq(md) {
|
63
|
+
position: relative;
|
64
|
+
max-width: $content-width;
|
65
|
+
padding-top: $gutter-spacing;
|
66
|
+
padding-bottom: $gutter-spacing;
|
67
|
+
padding-left: $gutter-spacing * 1.5;
|
68
|
+
margin-left: $nav-width;
|
69
|
+
}
|
70
|
+
|
71
|
+
@include mq(lg) {
|
72
|
+
padding-left: $gutter-spacing;
|
73
|
+
margin-left: calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width});
|
74
|
+
}
|
75
|
+
}
|
76
|
+
|
77
|
+
.js-main-content:focus {
|
78
|
+
outline: none;
|
79
|
+
}
|
80
|
+
|
81
|
+
.page-header {
|
82
|
+
background-color: $sidebar-color;
|
83
|
+
|
84
|
+
@include mq(md) {
|
85
|
+
background-color: $body-background-color;
|
86
|
+
}
|
87
|
+
|
88
|
+
.main-content {
|
89
|
+
padding-top: 0;
|
90
|
+
|
91
|
+
@include mq(md) {
|
92
|
+
display: flex;
|
93
|
+
justify-content: flex-end;
|
94
|
+
height: 60px;
|
95
|
+
padding-top: $sp-4;
|
96
|
+
padding-bottom: $sp-4;
|
97
|
+
border-bottom: $border $border-color;
|
98
|
+
}
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
.navigation,
|
103
|
+
.site-title,
|
104
|
+
.site-footer {
|
105
|
+
|
106
|
+
@include container;
|
107
|
+
|
108
|
+
width: 100%;
|
109
|
+
|
110
|
+
@include mq(lg) {
|
111
|
+
width: $nav-width + 32px;
|
112
|
+
}
|
113
|
+
}
|
114
|
+
|
115
|
+
.navigation {
|
116
|
+
@include mq(md) {
|
117
|
+
padding-top: $sp-8;
|
118
|
+
overflow-y: auto;
|
119
|
+
flex: 1 1 auto;
|
120
|
+
}
|
121
|
+
}
|
122
|
+
|
123
|
+
// stylelint-disable selector-no-type
|
124
|
+
body {
|
125
|
+
position: relative;
|
126
|
+
padding-bottom: $sp-10;
|
127
|
+
|
128
|
+
@include mq(md) {
|
129
|
+
position: static;
|
130
|
+
padding-bottom: 0;
|
131
|
+
}
|
132
|
+
}
|
133
|
+
// stylelint-enable selector-no-type
|
134
|
+
|
135
|
+
.site-footer {
|
136
|
+
position: absolute;
|
137
|
+
bottom: 0;
|
138
|
+
padding-top: $sp-4;
|
139
|
+
padding-bottom: $sp-4;
|
140
|
+
|
141
|
+
@include mq(md) {
|
142
|
+
position: static;
|
143
|
+
align-self: flex-end;
|
144
|
+
justify-self: end;
|
145
|
+
background-color: $sidebar-color;
|
146
|
+
}
|
147
|
+
}
|