@schukai/monster/source/components/style/common.css

Monster is a simple library for creating fast, robust and lightweight websites.

/** generated from common.pcss **/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
* {
	box-sizing: border-box;
	font-family: var(
		--monster-font-family,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		"Helvetica Neue",
		sans-serif
	);
}
.visible {
	tvisibility: visible !important;
}
.invisible {
	visibility: hidden !important;
}
.hidden {
	display: none !important;
}
.inline {
	display: inline !important;
}
.block {
	display: block !important;
}
.flex {
	display: flex !important;
}
[data-monster-role="control"] {
	outline: none;
}
div[data-monster-role="popper"] {
	background-color: #fff;
	border: var(--monster-border-width, 1px) solid var(--monster-color-primary-1);
	box-sizing: border-box;
	display: none;
	padding: 0;
	z-index: 10;
}
:host([disabled]) {
	background-color: var(--monster-bg-color-primary-disabled-1);
	border-color: var(--monster-color-primary-disabled-1, hsla(0, 0%, 46%, 0.3));
	color: var(--monster-color-primary-disabled-1);
}
:host([disabled]) * {
	background-color: var(--monster-bg-color-primary-disabled-1);
	border-color: var(--monster-color-primary-disabled-1, hsla(0, 0%, 46%, 0.3));
	color: var(--monster-color-primary-disabled-1);
}
:disabled {
	background-color: var(--monster-bg-color-primary-disabled-1);
	border-color: var(--monster-color-primary-disabled-1, hsla(0, 0%, 46%, 0.3));
	color: var(--monster-color-primary-disabled-1);
	cursor: not-allowed;
	opacity: 0.55;
	pointer-events: none;
}
input:focus-visible {
	outline: none;
}
body:focus-visible {
	outline: none;
}
:focus-visible {
	outline: none;
}