36 lines
727 B
CSS
36 lines
727 B
CSS
/**
|
||
* Custom styles to immediately follow Tailwind’s `base` layer
|
||
*
|
||
* “Add things like base typography styles [or] opinionated global resets.”
|
||
*
|
||
* — from https://tailwindcss.com/docs/plugins#adding-base-styles
|
||
*/
|
||
|
||
/**
|
||
* This uses the background and foreground colors declared in the
|
||
* `theme.json` file and is applied both to the frontend and in the block
|
||
* editor.
|
||
*/
|
||
body {
|
||
@apply bg-background text-tertiary font-sans;
|
||
font-size: 14px;
|
||
@media screen(lg) {
|
||
font-size: 18px;
|
||
}
|
||
}
|
||
|
||
#menu-toggle:checked + #menu {
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
footer {
|
||
.legal, .wp-block-group {
|
||
flex-direction: column;
|
||
margin-left: 1rem;
|
||
margin-right: 1rem;
|
||
}
|
||
}
|
||
}
|