summaryrefslogtreecommitdiffstats
path: root/assets/css/_basics.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2020-12-24 22:07:49 +0100
committerVolpeon <git@volpeon.ink>2020-12-24 22:07:49 +0100
commit94e30b971e93669810d8a4889d60340900ad60f3 (patch)
tree8a3512a74042cd075a0409d873c1a3bf7cf768b5 /assets/css/_basics.scss
parentAdded header, improved SCSS structure, use metadata file instead of param, im... (diff)
downloadvolpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.gz
volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.bz2
volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.zip
Various improvements: CSS classes, favicon, design
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r--assets/css/_basics.scss19
1 files changed, 5 insertions, 14 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 3adf64c..dd394da 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -33,17 +33,8 @@ html {
33} 33}
34 34
35body { 35body {
36 margin: 2em; 36 margin: 0;
37 padding: 0; 37 padding: 0;
38
39 @media (max-width: $breakpoint-sm) {
40 margin: 1em;
41 }
42}
43
44main {
45 max-width: 70ch;
46 margin: 0 auto;
47} 38}
48 39
49code { 40code {
@@ -62,7 +53,7 @@ pre {
62} 53}
63 54
64strong { 55strong {
65 color: var(--fg-plus); 56 color: var(--fg-plus-2);
66 font-weight: bold; 57 font-weight: bold;
67} 58}
68 59
@@ -117,12 +108,12 @@ h3 {
117h1 { 108h1 {
118 text-transform: uppercase; 109 text-transform: uppercase;
119 font-size: px-to-em($heading-font-size); 110 font-size: px-to-em($heading-font-size);
120 color: var(--heading); 111 color: var(--heading-fg);
121} 112}
122 113
123h2 { 114h2 {
124 font-size: 1em; 115 font-size: 1em;
125 color: var(--heading); 116 color: var(--heading-fg);
126} 117}
127 118
128h3 { 119h3 {
@@ -138,7 +129,7 @@ p {
138:visited { 129:visited {
139 position: relative; 130 position: relative;
140 z-index: 1000; 131 z-index: 1000;
141 padding: 0.1em 0.3em; 132 padding: 0.2em 0.3em;
142 margin: 0 -0.3em; 133 margin: 0 -0.3em;
143 color: var(--link-idle-fg); 134 color: var(--link-idle-fg);
144 135