diff options
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r-- | assets/css/_basics.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 4d4ecc6..c332ff7 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -19,26 +19,27 @@ code { | |||
19 | } | 19 | } |
20 | 20 | ||
21 | html { | 21 | html { |
22 | height: 100%; | ||
22 | background-color: prop(--colors --bg); | 23 | background-color: prop(--colors --bg); |
23 | color: prop(--colors --fg); | 24 | color: prop(--colors --fg); |
24 | font-family: $font-fam--text; | 25 | font-family: $font-fam--text; |
25 | font-size: 1em / 16px * $font-size; | 26 | font-size: 1em / 16px * $font-size; |
26 | line-height: $line-height; | 27 | line-height: $line-height; |
27 | height: 100%; | ||
28 | } | 28 | } |
29 | 29 | ||
30 | body { | 30 | body { |
31 | display: flex; | 31 | display: flex; |
32 | box-sizing: border-box; | ||
32 | flex-direction: column; | 33 | flex-direction: column; |
33 | min-height: 100%; | 34 | min-height: 100%; |
34 | margin: 0; | 35 | margin: 0; |
35 | padding: 2px; | 36 | padding: 2px; |
36 | box-sizing: border-box; | ||
37 | } | 37 | } |
38 | 38 | ||
39 | main { | 39 | main { |
40 | width: 100%; | 40 | box-sizing: border-box; |
41 | 41 | width: 100%; | |
42 | |||
42 | @include iro-responsive-env(('sm', 'md')) { | 43 | @include iro-responsive-env(('sm', 'md')) { |
43 | font-size: iro-responsive-set((1rem, 1 / 16 * 18rem)); | 44 | font-size: iro-responsive-set((1rem, 1 / 16 * 18rem)); |
44 | } | 45 | } |