adorthecool/pages
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Update CSS guidelines + Prefer rem

Browse Source
This commit is contained in:
venashial
2022-06-07 14:00:53 -07:00
parent c9ec9f14de
commit eb171ecb21
52 changed files with 768 additions and 606 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/package/styles/normalize.postcss
View File

@@ -24,8 +24,21 @@ a {
button:focus-visible,
a:focus-visible,
input:focus-visible,
[tabindex='0']:focus-visible {
outline: 0.2rem solid var(--color-brand);
outline: 0.25rem solid hsla(290, 100%, 40%, 0.5);
border-radius: 0.25rem;
}
input,
button,
a {
outline: 0.25rem solid hsla(155, 58%, 44%, 0);
transition: outline 0.2s ease-in-out;
}
input[type='text']:focus-visible {
outline: 0.25rem solid hsla(155, 58%, 44%, 0.7);
}
html,
@@ -56,7 +69,7 @@ ul {
.icon {
height: auto;
width: 16px;
min-width: 16px;
width: 1rem;
min-width: 1rem;
aspect-ratio: 1 / 1;
}