add variables and headers to css

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

View file

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

View file

@ -4,6 +4,14 @@
@use "fonts";
@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 {
color: mp.$text;
background-color: mp.$bg;
@ -15,9 +23,23 @@ body {
p {
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 {
padding: 2px;
margin: 2px auto;
@ -125,6 +147,7 @@ body {
padding: 3px 6px;
margin-bottom: 4px;
border-bottom: 1px solid mp.$border;
text-decoration: none;
font-family: fonts.$ll;
font-size: 1em;
background: mp.$bg;
@ -138,8 +161,7 @@ body {
.now-playing-wrapper {
width: 190px;
h2 { margin-bottom: 0px; }
a { text-decoration: none; }
h3, a { text-decoration: none; }
#trackInfo {
display: flex;
@ -188,13 +210,7 @@ body {
}
}
.welcome-content {
margin: 8px 4px;
h1 {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 1em;
}
}
.welcome-content { margin: 8px 4px; }
.welcome-aside-right {
width: max-content;