emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Unify base and pink

This commit is contained in:
Emilia Allison 2022-09-28 12:34:13 -04:00
parent f21678220a
commit b62f80656b
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
2 changed files with 58 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/cool-stuff/css-purgatory/base/index.css
View File

@ -1,63 +1,3 @@
/* ----------------- */
/* Custom Properties */
/* ----------------- */
/* ----- */
/* Reset */
/* ----- */
*,
*::before,
*::after {
box-sizing: border-box;
}
body, h1, h2, h3, h4, h5, h6, p {
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
font-weight: 400;
}
h1, h2, h3 {
line-height: 1.1;
}
body {
font-family: var(--ff-sans);
font-size: var(--fs-400);
color: hsl( var(--color-dark) );
background-color: hsl ( var(--color-white) );
line-height: 1.5;
min-height: 100vh;
}
main {
margin-left: 1vw;
margin-top: 1vh;
}
img, picture {
max-width: 100%;
display: block;
}
input, button, textarea, select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behaviour: auto !important;
}
}
/* ----------------- */ /* ----------------- */
/* Custom Properties */ /* Custom Properties */
/* ----------------- */ /* ----------------- */
@ -93,6 +33,63 @@ input, button, textarea, select {
} }
/* ----- */
/* Reset */
/* ----- */
*,
*::before,
*::after {
box-sizing: border-box;
}
body, h1, h2, h3, h4, h5, h6, p {
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
font-weight: 400;
}
h1, h2, h3 {
line-height: 1.1;
}
body {
font-family: var(--ff-sans);
font-size: var(--fs-400);
color: hsl( var(--color-dark) );
background-color: hsl( var(--color-white) );
line-height: 1.5;
min-height: 100vh;
}
main {
margin-left: 1vw;
margin-top: 1vh;
}
img, picture {
max-width: 100%;
display: block;
}
input, button, textarea, select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behaviour: auto !important;
}
}
/* --------------- */ /* --------------- */
/* Utility Classes */ /* Utility Classes */
/* --------------- */ /* --------------- */

1
src/cool-stuff/css-purgatory/pink/index.css
View File

@ -34,6 +34,7 @@
--ff-sans: sans-serif; --ff-sans: sans-serif;
} }
/* ----- */ /* ----- */
/* Reset */ /* Reset */
/* ----- */ /* ----- */