cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: trim styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-01-01 14:18:45 -08:00
parent 00db6f5c33
commit 841419d8c0
No known key found for this signature in database
1 changed files with 17 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
src/assets/styles/index.css
View file

@ -37,8 +37,8 @@
--webrings: #ec8fd0; --webrings: #ec8fd0;
/* fonts */ /* fonts */
--font-sans: silka, Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, system-ui, sans-serif; --font-sans: silka, Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
--font-mono: ml, ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; --font-mono: ml, ui-monospace, monospace;
/* text */ /* text */
--font-size-xs: .75rem; --font-size-xs: .75rem;
@ -134,7 +134,7 @@ blockquote {
a { a {
color: var(--blue-600); color: var(--blue-600);
transition-property: color, fill; transition-property: color;
} }
a:hover, a:hover,
@ -276,7 +276,7 @@ nav ul li {
nav ul li a, nav ul li a,
footer .links__secondary a { footer .links__secondary a {
color: var(--black); color: var(--black);
text-decoration: none !important; text-decoration: none;
} }
nav svg { nav svg {
@ -338,7 +338,6 @@ nav .search svg {
nav .tags svg:hover, nav .tags svg:hover,
nav .search svg:hover { nav .search svg:hover {
stroke: var(--blue-800); stroke: var(--blue-800);
stroke-width: var(--stroke-width-default);
} }
nav ul li:last-child { nav ul li:last-child {
@ -378,12 +377,10 @@ nav ul li:last-child {
stroke: var(--blue-800); stroke: var(--blue-800);
} }
.pagination button.disabled > svg, .pagination button.disabled > svg {
.pagination button.disabled > svg:hover,
.pagination button.disabled > svg:focus,
.pagination button.disabled > svg:active {
opacity: .5; opacity: .5;
cursor: not-allowed; cursor: not-allowed;
stroke-width: var(--stroke-width-default);
} }
.pagination .previous { .pagination .previous {
@ -392,11 +389,6 @@ nav ul li:last-child {
padding-bottom: .5rem; padding-bottom: .5rem;
} }
footer .social__main,
footer .links__secondary {
justify-content: center;
}
footer .social__main { footer .social__main {
gap: 0.5rem; gap: 0.5rem;
margin-top: 2rem; margin-top: 2rem;
@ -464,7 +456,6 @@ code {
transition-property: background-color; transition-property: background-color;
display: inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
justify-content: center;
} }
.pill--button > svg { .pill--button > svg {
@ -634,7 +625,6 @@ ol li {
/* about */ /* about */
.avatar__wrapper { .avatar__wrapper {
justify-content: center;
width: 100%; width: 100%;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
@ -645,7 +635,6 @@ ol li {
border: 1px solid var(--blue-600); border: 1px solid var(--blue-600);
border-radius: var(--rounded-full); border-radius: var(--rounded-full);
display: flex; display: flex;
justify-content: center;
padding: 1rem; padding: 1rem;
background-color: var(--white); background-color: var(--white);
overflow: hidden; overflow: hidden;
@ -932,6 +921,7 @@ article .now__section--header {
} }
.progress-bar__wrapper { .progress-bar__wrapper {
display: flex;
overflow: hidden; overflow: hidden;
background-color: rgba(217, 222, 228, .6); background-color: rgba(217, 222, 228, .6);
border-radius: var(--rounded-lg); border-radius: var(--rounded-lg);
@ -939,13 +929,11 @@ article .now__section--header {
width: 100%; width: 100%;
margin-top: .25rem; margin-top: .25rem;
margin-bottom: .25rem; margin-bottom: .25rem;
display: flex;
} }
.progress-bar { .progress-bar {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
white-space: nowrap; white-space: nowrap;
background-color: var(--blue-600); background-color: var(--blue-600);
} }
@ -955,10 +943,6 @@ article .now__section--header {
margin-bottom: 2.5rem; margin-bottom: 2.5rem;
} }
.webring__wrapper > .webring__centered {
justify-content: center;
}
.footnotes { .footnotes {
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
} }
@ -1051,6 +1035,16 @@ textarea {
display: inline; display: inline;
} }
.avatar__wrapper,
.avatar__wrapper .avatar__wrapper--interior,
.pill--button,
.progress-bar,
.webring__wrapper > .webring__centered,
footer .social__main,
footer .links__secondary {
justify-content: center;
}
/* screens: small */ /* screens: small */
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
main { main {