sundae/website
sundae/website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tidying up stuff i forgot to change

Browse source
This commit is contained in:
sundae 2025-08-10 17:05:40 +03:00
parent c091831537
commit f20b697aed
No known key found for this signature in database
77 changed files with 1014 additions and 660 deletions
Download patch file Download diff file Expand all files Collapse all files

88
_src/assets/css/default/default.css
View file

@ -1,5 +1,6 @@
@import url("./variables.css");
@import url("./nav.css");
:root {
--view: 18rem;
}
@ -9,9 +10,11 @@ body {
font-size: 100%;
margin: 0;
padding: 0;
& a,
button {
cursor: pointer;
&:is(:hover, :focus) {
outline: 0;
}
@ -24,17 +27,45 @@ main {
overflow: hidden;
}
details {
cursor: pointer;
& summary::marker {
content: none;
}
}
h3 {
font-size: 2rem;
}
.header-anchor {
display: inline-block;
transition: color var(--trans), background-color var(--trans);
height: max-content;
padding: 0 var(--pad-m);
margin: 0 0 0 calc(var(--pad-xl) * -1);
border-radius: 0 var(--round) var(--round) 0;
}
main article[id] {
& p, li {
font-size: 1.2rem;
}
}
article {
border-style: solid;
border-width: 2px;
border-radius: var(--round);
height: max-content;
padding: var(--pad-xl);
& a {
font-weight: 500;
}
& a:has(figure) {
border-radius: var(--round);
& figure {
border-color: inherit;
}
@ -45,15 +76,6 @@ article {
text-decoration-thickness: 0.1em;
}
& ul {
& li {
margin: 0;
& p {
margin: 0;
}
}
}
& u {
text-decoration-style: double;
text-decoration-thickness: 2px;
@ -66,6 +88,7 @@ article {
& p {
word-wrap: break-word;
}
& p:not(:last-child, [aria-label]) {
padding-bottom: var(--pad-sm);
}
@ -92,18 +115,6 @@ article {
font-weight: bold;
}
& h3 {
font-size: 1.6rem;
margin: 0;
& a {
display: inline-block;
transition: color var(--trans), background-color var(--trans);
border-radius: inherit;
height: max-content;
padding: 0 0.4rem;
}
}
& figure {
margin: 0;
border-style: solid;
@ -112,29 +123,39 @@ article {
border-radius: var(--round);
display: flex;
flex-direction: column;
& img {
border-radius: inherit;
}
}
& section {
& a:has(figure) {
text-decoration: none;
height: max-content;
}
& figure img {
border-radius: var(--round);
}
& figcaption {
font-weight: normal;
font-style: italic;
padding-top: var(--pad-sm);
}
}
& h3 code {
display: flex;
gap: var(--pad-l);
width: fit-content;
margin: var(--pad-l) 0;
}
}
:is(main article, main section):not(:last-child) {
margin-bottom: var(--pad-xl);
}
img[src*="/assets/img/flag/"] {
height: 32px;
border-radius: 0.2rem;
@ -142,24 +163,27 @@ img[src*="/assets/img/flag/"] {
border-width: 2px;
border-color: #fff;
}
a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
transform: translateY(-4px);
transition: var(--trans);
}
@media screen and (max-width: 920px) {
body > nav {
body>nav {
position: initial;
width: 100%;
}
main {
padding: var(--pad-l);
}
main > section {
main>section {
flex-direction: column;
}
main > section {
main>section {
width: initial;
}
@ -168,36 +192,42 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
width: auto;
}
body > nav::before {
body>nav::before {
content: none;
}
body > nav {
body>nav {
flex-direction: row;
border: 0;
width: 100%;
& details {
height: fit-content;
width: 100%;
}
}
body::after {
content: "";
}
}
@media screen and (max-width: 450px) {
main {
padding: var(--pad-sm);
}
article {
padding: var(--pad-l);
border: 0;
}
body > nav {
body>nav {
flex-direction: column;
justify-content: start;
& details[open] {
width: 100%;
}
}
}
}