summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-03-26 23:17:56 +0100
committerVolpeon <git@volpeon.ink>2021-03-26 23:17:56 +0100
commit6e0a7ea009b08983f2966d51fe4438681c0863c3 (patch)
treeae337f7903bb60ef6f5a71275101678ca0e58d88 /assets/css
parentWIP: Redesign (diff)
downloadvolpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.tar.gz
volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.tar.bz2
volpeon.ink-6e0a7ea009b08983f2966d51fe4438681c0863c3.zip
WIP: Redesign
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_basics.scss2
-rw-r--r--assets/css/_vars.scss8
-rw-r--r--assets/css/components/_nav.scss3
-rw-r--r--assets/css/layouts/_landing.scss7
4 files changed, 9 insertions, 11 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index d05bc36..3e67b76 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -30,7 +30,7 @@ html {
30 30
31body { 31body {
32 margin: 0; 32 margin: 0;
33 padding: prop(--dims --nav --height, $global: true) 0 0; 33 padding: prop(--dims --outer, $global: true) 0 0;
34} 34}
35 35
36pre, 36pre,
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 18cebc6..1063dc8 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -30,9 +30,7 @@ $gray6: hsl(220, 0%, 100%);
30 30
31@include store(( 31@include store((
32 --dims: ( 32 --dims: (
33 --nav: ( 33 --outer: 4.5rem,
34 --height: 4.5rem
35 )
36 ), 34 ),
37 --colors: ( 35 --colors: (
38 --bg-hi: $gray0, // Darker background 36 --bg-hi: $gray0, // Darker background
@@ -64,9 +62,7 @@ $gray6: hsl(220, 0%, 100%);
64 62
65@include store(( 63@include store((
66 --dims: ( 64 --dims: (
67 --nav: ( 65 --outer: 4rem
68 --height: 3.5rem
69 )
70 ), 66 ),
71), 'sm'); 67), 'sm');
72 68
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 900b4f2..d0a255e 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -2,7 +2,6 @@
2 @include store(( 2 @include store((
3 --dims: ( 3 --dims: (
4 --font-size: 15px, 4 --font-size: 15px,
5 --height: prop(--dims --nav --height, $global: true),
6 --pad-x: 2.5rem, 5 --pad-x: 2.5rem,
7 --item: ( 6 --item: (
8 --pad-x: 1rem, 7 --pad-x: 1rem,
@@ -52,7 +51,7 @@
52 z-index: 10000; 51 z-index: 10000;
53 top: 0; 52 top: 0;
54 left: 0; 53 left: 0;
55 height: prop(--dims --height); 54 height: prop(--dims --outer, $global: true);
56 padding: 0 prop(--dims --pad-x); 55 padding: 0 prop(--dims --pad-x);
57 background-color: prop(--colors --bg); 56 background-color: prop(--colors --bg);
58 font-size: prop(--dims --font-size); 57 font-size: prop(--dims --font-size);
diff --git a/assets/css/layouts/_landing.scss b/assets/css/layouts/_landing.scss
index 7683d44..03af39f 100644
--- a/assets/css/layouts/_landing.scss
+++ b/assets/css/layouts/_landing.scss
@@ -10,9 +10,11 @@
10 10
11 @include layout(namespace()) { 11 @include layout(namespace()) {
12 display: flex; 12 display: flex;
13 box-sizing: border-box;
13 flex-direction: row; 14 flex-direction: row;
14 align-items: center; 15 align-items: center;
15 min-height: 100%; 16 min-height: 100%;
17 padding-bottom: prop(--dims --outer, $global: true);
16 18
17 @include element('banner') { 19 @include element('banner') {
18 flex-shrink: 1.2; 20 flex-shrink: 1.2;
@@ -36,8 +38,9 @@
36 } 38 }
37 39
38 @include media('<=md') { 40 @include media('<=md') {
39 display: block; 41 display: block;
40 height: auto; 42 height: auto;
43 padding-bottom: 0;
41 44
42 @include element('banner', 'content') { 45 @include element('banner', 'content') {
43 width: auto; 46 width: auto;