owncast/web/components/ui/Footer/Footer.module.scss
Rishav Raj 1a9b3f85bb
Footer text wrap solved. (#2508)
* Font size reduced

* Update Footer.module.scss
2022-12-27 12:08:49 -08:00

38 lines
787 B
SCSS

$Tablet-breakpoint: 768px;
.footer {
display: flex;
align-items: center;
flex-wrap: wrap;
height: var(--footer-height);
justify-content: space-between;
flex-direction: row;
background-color: var(--theme-color-background-header);
width: 100%;
color: var(--theme-color-components-text-on-dark);
font-family: var(--theme-text-body-font-family);
padding: 0 0.6rem;
font-size: 0.8rem;
font-weight: 600;
border-top: 1px solid rgba(214, 211, 211, 0.5);
a {
color: var(--theme-color-components-text-on-dark);
text-decoration: none;
}
.links {
column-gap: 2rem;
width: auto;
display: flex;
justify-content: space-between;
flex-direction: row;
}
}
@media (max-width: $Tablet-breakpoint) {
.footer {
font-size: 10px;
}
}