/* Primary Elements */
html {
/* border-box box model allows us to add padding and border to our elements without increasing their size */
box-sizing: border-box;
color: var(--cp-text-primary);
/* A system font stack so things load nice and quick! */
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
font-size: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-size-adjust: 100%;
}
/*
We inherit box-sizing: border-box; from our selector
Apparently this is a bit better than applying box-sizing: border-box; directly to the * selector
*/
*,
*::before,
*::after {
box-sizing: inherit;
margin: 0;
font-family: inherit;
outline: none;
}
body {
background-color: transparent;
}
/* Secondary Elements */
button {
padding: 0;
border-style: none;
background-color: transparent;
&:hover {
cursor: pointer;
}
}
dialog {
color: inherit;
}
ul,
li {
padding: 0;
margin: 0;
list-style: none;
}
svg {
color: currentColor;
}
input {
border: none;
font-size: inherit;
}
/* Disable default shadows globally */
.v-popper__popper,
.v-popper__inner {
/* biome-ignore lint: noImportantStyle */
border: none !important;
/* biome-ignore lint: noImportantStyle */
filter: none !important;
}
.v-popper__inner {
/* biome-ignore lint: noImportantStyle */
box-shadow: var(--cp-shadows-overlay) !important;
}
.v-popper__popper {
/* biome-ignore lint: noImportantStyle */
box-shadow: none !important;
}
/* Safari ios disable zoom on input, select, textarea */
@supports (-webkit-touch-callout: none) {
@media (hover: none) and (pointer: coarse) {
input,
textarea,
select {
/* biome-ignore lint: noImportantStyle */
font-size: var(--cp-text-size-md) !important;
}
}
}