everylayout/box.css
2021-03-29 14:39:22 +13:00

24 lines
432 B
CSS

/*=========*/
/* The Box */
/*=========*/
.box {
padding: var(--s1);
border: var(--border-thin) solid;
outline: var(--border-thin) transparent;
outline-offset: calc(var(--border-thin) * -1);
--colour-light: #fff;
--colour-dark: #000;
color: var(--color-dark);
background-color: var(--color-light);
}
.box * {
color: inherit;
}
.box.invert {
color: var(--color-light);
background-color: var(--color-dark);
}