Let the border of the site header and footer touch the edges of the screen too.
28 lines
498 B
CSS
28 lines
498 B
CSS
{{/*
|
|
site_footer.css
|
|
Eryn Wells <eryn@erynwells.me>
|
|
*/}}
|
|
|
|
|
|
|
|
|
|
|
|
/**************
|
|
* SITE FOOTER
|
|
**************/
|
|
|
|
.site-footer {
|
|
border-top: 2px dashed var(--gray6);
|
|
color: var(--text-color-secondary);
|
|
font-size: var(--text-s);
|
|
grid-column: main-start / main-end;
|
|
margin-block-end: var(--space-m);
|
|
padding-block-start: var(--space-s);
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.site-footer {
|
|
grid-column: full-start / full-end;
|
|
padding-inline: var(--gutter-width);
|
|
}
|
|
}
|