@schukai/monster
Version:
Monster is a simple library for creating fast, robust and lightweight websites.
146 lines (145 loc) • 2.44 kB
CSS
/** generated from normalize.pcss **/
:where(html) {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
:where(h1) {
font-size: 2em;
margin-block-end: .67em;
margin-block-start: .67em;
}
:where(dl, ol, ul) :where(dl, ol, ul) {
margin-block-end: 0;
margin-block-start: 0;
}
:where(hr) {
box-sizing: content-box;
color: inherit;
height: 0;
}
:where(abbr[title]) {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
:where(b, strong) {
font-weight: bolder;
}
:where(code, kbd, pre, samp) {
font-family: monospace, monospace;
font-size: 1em;
}
:where(small) {
font-size: 80%;
}
:where(table) {
border-color: currentColor;
text-indent: 0;
}
:where(button, input, select) {
margin: 0;
}
:where(button) {
text-transform: none;
}
:where(
button,
input:is([type="button" i], [type="reset" i], [type="submit" i])
) {
-webkit-appearance: button;
}
:where(progress) {
vertical-align: baseline;
}
:where(select) {
text-transform: none;
}
:where(textarea) {
margin: 0;
}
:where(input[type="search" i]) {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
:where(
button,
input:is(
[type="button" i],
[type="color" i],
[type="reset" i],
[type="submit" i]
)
)::-moz-focus-inner {
border-style: none;
padding: 0;
}
:where(
button,
input:is(
[type="button" i],
[type="color" i],
[type="reset" i],
[type="submit" i]
)
)::-moz-focusring {
outline: 1px dotted ButtonText;
}
:where(:-moz-ui-invalid) {
box-shadow: none;
}
:where(dialog) {
background-color: #fff;
border: solid;
color: #000;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
:where(dialog:not([open])) {
display: none;
}
:where(summary) {
display: list-item;
}
html {
height: 100%;
}
body,
html {
min-height: calc(100vh - 40px);
}
body {
box-sizing: border-box;
margin: 0;
padding: 0;
word-break: break-word;
}
body:focus-visible {
outline: none;
}
:focus-visible {
outline: none;
}