Files
Sith/core/static/core/footer.scss
T
2026-10-24 12:57:00 +02:00

76 lines
1.2 KiB
SCSS

@import "colors";
@import "devices";
footer.bottom-links {
> section > a {
text-align: center;
}
text-align: center;
hr {
border: none;
}
@media (max-width: $small-devices) {
margin-top: 0.6em;
padding: 1.25em;
background-color: var(--deepblue);
display: flex;
flex-direction: column;
gap: 1.25em;
> section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 0.8em;
}
a {
color: var(--text-white);
&:hover {
text-shadow: 0.5px 0.5px 0.5px var(--bg-darkened-off-white);
}
}
.fa-github {
color: var(--text-white);
}
hr {
border-top: var(--bg-white) 1px solid;
}
}
@media (min-width: $small-devices) {
width: 90%;
margin: 2em auto;
font-size: 90%;
section:first-of-type {
margin: 0.6em 0;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: var(--deepblue);
a {
padding: 0.8em;
flex: 1;
font-weight: bold;
color: var(--text-white);
&:hover {
text-shadow: 0.5px 0.5px 0.5px var(--bg-darkened-off-white);
}
}
}
}
}