24 lines
432 B
CSS
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);
|
||
|
|
}
|