summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/css/_basics.scss2
-rw-r--r--assets/css/layouts/_landing.scss5
-rw-r--r--assets/css/layouts/_section.scss11
3 files changed, 8 insertions, 10 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index b739d2a..becf68a 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -31,7 +31,7 @@ html {
31 31
32body { 32body {
33 margin: 0; 33 margin: 0;
34 padding: prop(--dims --outer, $global: true) 0 0; 34 padding: 0;
35} 35}
36 36
37pre, 37pre,
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index aa85679..500849e 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -10,7 +10,6 @@
10 10
11 @include layout(namespace()) { 11 @include layout(namespace()) {
12 display: flex; 12 display: flex;
13 box-sizing: border-box;
14 flex-direction: row; 13 flex-direction: row;
15 align-items: center; 14 align-items: center;
16 15
@@ -30,9 +29,7 @@
30 } 29 }
31 30
32 @include media('<=md') { 31 @include media('<=md') {
33 flex-direction: column; 32 display: block;
34 align-items: stretch;
35 justify-content: center;
36 33
37 @include element('side') { 34 @include element('side') {
38 display: none; 35 display: none;
diff --git a/assets/css/layouts/_section.scss b/assets/css/layouts/_section.scss
index 38b20aa..a005ece 100644
--- a/assets/css/layouts/_section.scss
+++ b/assets/css/layouts/_section.scss
@@ -1,14 +1,15 @@
1@include namespace('section') { 1@include namespace('section') {
2 @include layout(namespace()) { 2 @include layout(namespace()) {
3 display: flex; 3 box-sizing: border-box;
4 flex-direction: column;
5 align-items: stretch;
6 justify-content: flex-start;
7 min-height: 100%; 4 min-height: 100%;
8 margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)}); 5 margin-bottom: calc(-1 * #{prop(--dims --outer, $global: true)});
9 padding-bottom: prop(--dims --outer, $global: true); 6 padding-bottom: prop(--dims --outer, $global: true);
10 7
11 @include element('heading') { 8 @include modifier('no-head') {
9 padding-top: prop(--dims --outer, $global: true);
10 }
11
12 @include element('head') {
12 display: flex; 13 display: flex;
13 position: sticky; 14 position: sticky;
14 z-index: 9000; 15 z-index: 9000;