seitime-frappe/frappe/public/scss/website/footer.scss
2026-03-24 19:24:58 -06:00

103 lines
1.6 KiB
SCSS

.web-footer {
padding: 3rem 0;
background-color: var(--fg-color);
margin-top: auto;
}
.footer-logo {
min-width: 5rem;
height: 1.5rem;
object-fit: contain;
object-position: left;
}
.footer-child-item {
margin-top: 0.5rem;
}
.footer-link,
.footer-child-item a {
font-size: $font-size-sm;
font-weight: 500;
color: var(--body-text-color);
&:hover {
color: var(--body-text-color);
text-decoration: underline;
}
}
.footer-col-right {
@include media-breakpoint-up(sm) {
text-align: right;
}
}
.footer-col-left,
.footer-col-right {
padding-top: 0.8rem;
padding-bottom: 1rem;
line-height: 2;
&:empty {
padding: 0;
}
}
.footer-col-left .footer-link {
margin-right: 1rem;
}
.footer-col-right .footer-link {
margin-right: 1rem;
@include media-breakpoint-up(sm) {
margin-right: 0;
margin-left: 1rem;
}
}
.footer-group {
margin-top: 2rem;
}
.footer-group-label {
color: $text-muted;
font-size: $font-size-sm;
margin-bottom: 0.5rem;
}
.footer-grouped-links {
margin-bottom: 2rem;
}
.footer-group-links {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 10rem;
margin-bottom: 0;
}
.footer-info {
color: var(--body-text-color);
font-size: $font-size-sm;
}
.form-control {
border: none;
@include get_textstyle("base", "regular");
}
.footer-logo-extension {
.input-group {
justify-content: flex-end;
#footer-subscribe-email,
#footer-subscribe-button {
max-width: 300px;
border: 1px solid var(--dark-border-color);
box-shadow: none;
border-radius: var(--border-radius);
font-size: $font-size-sm;
}
}
}