1
0
Files
AstralRinth/src/styles/normalize.postcss
2022-07-26 14:01:59 -07:00

81 lines
1021 B
Plaintext

@import 'sanitize.css';
@import 'sanitize.css/forms.css';
@import 'sanitize.css/typography.css';
/* Overrides */
button {
margin: 0;
padding: 0;
font-size: inherit;
box-shadow: none;
border: none;
cursor: pointer;
}
a {
color: inherit;
text-decoration: none;
}
*:focus {
outline: none;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
[tabindex='0']:focus-visible {
outline: 0.25rem solid hsla(290, 100%, 75%, 1);
border-radius: 0.25rem;
}
:where(a) {
border-radius: 0.25rem;
}
input,
button,
a,
.text-input textarea {
transition: outline 0.1s ease-in-out;
}
input:not([type='text']),
button,
a,
.select {
outline: 0 solid hsla(155, 58%, 44%, 0.7);
}
input[type='text']:focus-visible,
.text-input textarea:focus-visible {
outline: 0.25rem solid hsla(155, 58%, 44%, 0.7);
}
html {
overflow: hidden scroll;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
line-height: 100%;
margin: 0;
}
ul {
padding: 0 0 0 1.5rem;
}
.icon {
height: auto;
width: 1rem;
min-width: 1rem;
aspect-ratio: 1 / 1;
}