andrzej
/
devlog
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

misc styling

This commit is contained in:
andrzej 2024-11-15 11:59:02 +01:00
parent 5c99bd8867
commit 3ce98b0922
2 changed files with 42 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/css/main.css
View File

@ -20,7 +20,7 @@
--rp-highlight-high: hsl(315deg, 4%, 80%); --rp-highlight-high: hsl(315deg, 4%, 80%);
/* consts */ /* consts */
--const-lilac: #907aa9 --const-stripe: hsl(248deg, 21%, 26%);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -104,11 +104,17 @@ em {
header { header {
border-bottom: 1px solid #222; border-bottom: 1rem solid var(--rp-highlight-high);
margin-bottom: 1rem; margin-bottom: 1rem;
/* background-color: var(--rp-muted); */ /* background-color: var(--rp-muted); */
} }
header>a {
text-decoration: none;
}
footer { footer {
border-top: 1px solid #222; border-top: 1px solid #222;
margin-top: 1rem; margin-top: 1rem;
@ -125,7 +131,7 @@ a:visited {
h1 { h1 {
color: var(--rp-gold); color: var(--rp-gold);
background-color: var(--const-lilac); background-color: var(--const-stripe);
/* background-image: linear-gradient(to bottom, var(--rp-highlight-high), var(--rp-overlay), var(--rp-base)); */ /* background-image: linear-gradient(to bottom, var(--rp-highlight-high), var(--rp-overlay), var(--rp-base)); */
border-radius: 1rem 1rem 0 0; border-radius: 1rem 1rem 0 0;
padding: 1rem; padding: 1rem;
@ -155,3 +161,15 @@ code {
background-color: var(--rp-surface); background-color: var(--rp-surface);
border-radius: 1rem; border-radius: 1rem;
} }
/* NAV */
nav>ul {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
nav>ul>li>a {
color: pink;
font-size: 2rem;
}

24
themes/cuqui/assets/css/main.css
View File

@ -20,7 +20,7 @@
--rp-highlight-high: hsl(315deg, 4%, 80%); --rp-highlight-high: hsl(315deg, 4%, 80%);
/* consts */ /* consts */
--const-lilac: #907aa9 --const-stripe: hsl(248deg, 21%, 26%);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -104,11 +104,17 @@ em {
header { header {
border-bottom: 1px solid #222; border-bottom: 1rem solid var(--rp-highlight-high);
margin-bottom: 1rem; margin-bottom: 1rem;
/* background-color: var(--rp-muted); */ /* background-color: var(--rp-muted); */
} }
header>a {
text-decoration: none;
}
footer { footer {
border-top: 1px solid #222; border-top: 1px solid #222;
margin-top: 1rem; margin-top: 1rem;
@ -125,7 +131,7 @@ a:visited {
h1 { h1 {
color: var(--rp-gold); color: var(--rp-gold);
background-color: var(--const-lilac); background-color: var(--const-stripe);
/* background-image: linear-gradient(to bottom, var(--rp-highlight-high), var(--rp-overlay), var(--rp-base)); */ /* background-image: linear-gradient(to bottom, var(--rp-highlight-high), var(--rp-overlay), var(--rp-base)); */
border-radius: 1rem 1rem 0 0; border-radius: 1rem 1rem 0 0;
padding: 1rem; padding: 1rem;
@ -155,3 +161,15 @@ code {
background-color: var(--rp-surface); background-color: var(--rp-surface);
border-radius: 1rem; border-radius: 1rem;
} }
/* NAV */
nav>ul {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
nav>ul>li>a {
color: pink;
font-size: 2rem;
}