yuki/yuki.k4w411.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add variables and headers to css

Browse source
This commit is contained in:
yuki 2025-10-14 09:40:48 -03:00
parent 1bd30dd928
commit 6dfdf6d0d4
Signed by: yuki
GPG key ID: 0C98E6FF04EC3915
2 changed files with 27 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_layouts/home.njk
View file

@ -24,7 +24,7 @@ lastfm: true
</div> </div>
</div> </div>
<div class="welcome-content"> <div class="true-content welcome-content">
{{ content | safe }} {{ content | safe }}
</div> </div>

36
css/main.scss
View file

@ -4,6 +4,14 @@
@use "fonts"; @use "fonts";
@use "main-palette" as mp; @use "main-palette" as mp;
$psize: 0.8em;
$h1size: 1.8em;
$h2size: 1.6em;
$h3size: 1.4em;
$h4size: 1.2em;
$h5size: 1.1em;
$h6size: 1em;
body { body {
color: mp.$text; color: mp.$text;
background-color: mp.$bg; background-color: mp.$bg;
@ -15,9 +23,23 @@ body {
p { p {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 0.8em; font-size: $psize;
} }
h1, h2, h3, h4, h5, h6 {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-weight: bold;
text-decoration: underline;
text-decoration-color: mp.$border;
}
h1 { font-size: $h1size; }
h2 { font-size: $h2size; }
h3 { font-size: $h3size; }
h4 { font-size: $h4size; }
h5 { font-size: $h5size; }
h6 { font-size: $h6size; }
.warning { .warning {
padding: 2px; padding: 2px;
margin: 2px auto; margin: 2px auto;
@ -125,6 +147,7 @@ body {
padding: 3px 6px; padding: 3px 6px;
margin-bottom: 4px; margin-bottom: 4px;
border-bottom: 1px solid mp.$border; border-bottom: 1px solid mp.$border;
text-decoration: none;
font-family: fonts.$ll; font-family: fonts.$ll;
font-size: 1em; font-size: 1em;
background: mp.$bg; background: mp.$bg;
@ -138,8 +161,7 @@ body {
.now-playing-wrapper { .now-playing-wrapper {
width: 190px; width: 190px;
h2 { margin-bottom: 0px; } h3, a { text-decoration: none; }
a { text-decoration: none; }
#trackInfo { #trackInfo {
display: flex; display: flex;
@ -188,13 +210,7 @@ body {
} }
} }
.welcome-content { .welcome-content { margin: 8px 4px; }
margin: 8px 4px;
h1 {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 1em;
}
}
.welcome-aside-right { .welcome-aside-right {
width: max-content; width: max-content;