mirror of
https://github.com/netz39/www.netz39.de.git
synced 2025-01-18 20:10:12 +01:00
101 lines
1.8 KiB
SCSS
101 lines
1.8 KiB
SCSS
// Mix-ins
|
|
%padding-nav {
|
|
padding: $padding-small $padding-x-large;
|
|
@media (max-width: $xl-break) {
|
|
padding: $padding-small ($padding-large * 2);
|
|
}
|
|
@media (max-width: $l-break) {
|
|
padding: $padding-small $padding-large;
|
|
}
|
|
@media (max-width: $m-break) {
|
|
padding: $padding-small $padding-medium;
|
|
}
|
|
@media (max-width: $sm-break) {
|
|
padding: $padding-small $padding-x-small;
|
|
}
|
|
}
|
|
|
|
%padding-post {
|
|
padding: $padding-x-small $padding-x-large;
|
|
@media (max-width: $xl-break) {
|
|
padding: $padding-x-small ($padding-large * 2);
|
|
}
|
|
@media (max-width: $l-break) {
|
|
padding: $padding-x-small $padding-large;
|
|
}
|
|
@media (max-width: $m-break) {
|
|
padding: $padding-x-small $padding-medium;
|
|
}
|
|
@media (max-width: $sm-break) {
|
|
padding: $padding-x-small $padding-small;
|
|
}
|
|
}
|
|
|
|
%padding-header {
|
|
padding: $padding-medium $padding-large;
|
|
@media (min-width: $xl-break) {
|
|
padding: $padding-large $padding-large;
|
|
}
|
|
@media (max-width: $sm-break) {
|
|
padding: $padding-large;
|
|
}
|
|
}
|
|
|
|
.txt-shadow {
|
|
text-shadow: 0.07em 0.10em 0.15em var(--text-shadow);
|
|
}
|
|
|
|
.subtle-txt-shadow {
|
|
text-shadow: 1px 1px 2px var(--text-shadow);
|
|
}
|
|
|
|
// Buttons
|
|
.button {
|
|
border-radius: 0.3em;
|
|
border: 1px solid;
|
|
display: inline-block;
|
|
margin: 1em 0;
|
|
padding: 0.5em 0.75em;
|
|
}
|
|
|
|
a.button {
|
|
@extend .button-link;
|
|
}
|
|
|
|
.button-link {
|
|
&:hover {
|
|
background: var(--link);
|
|
border: 1px solid var(--link);
|
|
color: var(--background);
|
|
text-decoration: none;
|
|
filter: none;
|
|
}
|
|
}
|
|
|
|
.body-link {
|
|
&:hover {
|
|
text-decoration: underline;
|
|
filter: brightness(0.85);
|
|
}
|
|
}
|
|
|
|
.post-link {
|
|
&:hover {
|
|
text-decoration: none;
|
|
color: var(--link);
|
|
}
|
|
}
|
|
|
|
// States
|
|
.disabled {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
// Custom
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.right {
|
|
float: right;
|
|
}
|