he4et/oddsquat
1
0
Fork 0
mirror of https://github.com/He4eT/oddsquat.git synced 2026-05-04 20:37:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

css: shuffle style blocks

Browse source
This commit is contained in:
He4eT 2026-03-29 19:38:25 +02:00
commit 5239c0f2ac
1 changed files with 29 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

57
src/assets/css/main.css
View file

@ -8,6 +8,12 @@
outline-offset: 4px; outline-offset: 4px;
} }
/* Headers */
h1, h2, h3, h4, h5 {
scroll-margin-top: 0.5em;
}
/* Links */ /* Links */
a { a {
@ -92,10 +98,33 @@ ul {
} }
} }
/* Stripes */
.stripesContainer {
box-sizing: content-box;
max-width: 45rem;
padding: 5% 5% 0;
}
.stripes {
height: 8vh;
background-image: linear-gradient(
135deg,
currentColor 33.33%,
transparent 33.33%,
transparent 50%,
currentColor 50%,
currentColor 83.33%,
transparent 83.33%,
transparent 100%);
background-size: 30.00px 30.00px;
}
/* Layout */ /* Layout */
html, body { html, body {
scroll-behavior: smooth; scroll-behavior: smooth;
background-color: #fff;
} }
body > header, body > header,
@ -130,31 +159,3 @@ body > header li:last-child::after {
body > footer { body > footer {
color: hsl(0, 0%, 0%, 0.6); color: hsl(0, 0%, 0%, 0.6);
} }
/* Stripes */
.stripesContainer {
box-sizing: content-box;
max-width: 45rem;
padding: 5% 5% 0;
}
.stripes {
height: 8vh;
background-image: linear-gradient(
135deg,
currentColor 33.33%,
transparent 33.33%,
transparent 50%,
currentColor 50%,
currentColor 83.33%,
transparent 83.33%,
transparent 100%);
background-size: 30.00px 30.00px;
}
/* Headers */
h1, h2, h3, h4, h5 {
scroll-margin-top: 0.5em;
}