philomena/assets/css/elements/base.css
2024-05-20 21:25:43 +02:00

57 lines
835 B
CSS

html {
font-family: var(--font-family);
font-size: var(--font-size);
}
body {
padding: 0;
margin: 0;
background: var(--background-color);
color: var(--text-color);
line-height: var(--default-line-height);
}
main {
padding: var(--padding-large);
flex-grow: 1;
}
@mixin if-mobile {
main {
padding: var(--padding-small);
}
}
a, a:active, a:visited {
color: var(--link-color);
text-decoration: none;
}
a:hover {
color: var(--link-hover-color);
}
hr {
border-color: var(--primary-border-color);
}
.hidden {
display: none !important;
}
p, .paragraph {
hyphens: none;
line-height: var(--readable-line-height);
margin: var(--padding-small);
margin-right: 0;
}
.fa--padded {
padding: 0 var(--padding-normal);
}
@mixin if-mobile {
.fa-padded {
padding: 0 var(--padding-small);
}
}