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

feat: design + perf + tags etc.

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-01 14:00:31 -08:00
parent 93f3506f83
commit 6c63611198
No known key found for this signature in database
44 changed files with 279 additions and 299 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/assets/styles/components/forms.css
View file

@ -19,7 +19,7 @@ textarea {
/* necessary for pagefind overrides */
outline: none;
margin-bottom: 1.5rem;
margin-bottom: 1.25rem;
font-weight: 400 !important;
line-height: var(--line-height-base);
transition-property: border-color;
@ -32,4 +32,32 @@ input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 1px solid var(--accent-color-hover) !important;
}
button:not(.theme__toggle, .share, .pagefind-ui__search-clear) {
border-radius: var(--rounded-full);
padding: .5rem 1rem;
margin: 0 .25rem .75rem 0;
cursor: pointer;
display: inline-flex;
flex-direction: row;
justify-content: center;
font-size: var(--font-size-base);
font-weight: 700;
line-height: var(--line-height-base);
color: var(--color-lightest);
background-color: var(--accent-color);
appearance: none;
border: none;
text-decoration: none;
transition-property: background-color;
}
button:not(.theme__toggle, .share, .pagefind-ui__search-clear):hover,
button:not(.theme__toggle, .share, .pagefind-ui__search-clear):active,
button:not(.theme__toggle, .share, .pagefind-ui__search-clear):focus {
color: var(--color-lightest);
background-color: var(--accent-color-hover) !important;
transition-timing-function: var(--transition-ease-in-out);
transition-duration: var(--transition-duration-default);
}