MusicTopus/sass/global.scss

80 lines
1.4 KiB
SCSS
Raw Normal View History

2022-02-18 16:53:54 +01:00
html {
min-height: 100vh;
scroll-behavior: smooth;
2022-02-18 16:53:54 +01:00
body {
background-color: var(--bg-color);
2022-02-18 16:53:54 +01:00
display: flex;
flex-direction: column;
padding-top: 3.5rem;
font-family: 'lucioleregular';
2022-02-19 09:25:51 +01:00
min-height: 100vh;
color: var(--font-color);
@include transition();
2022-02-19 09:25:51 +01:00
footer.footer {
2022-02-18 16:53:54 +01:00
margin-top: auto;
2022-02-19 09:25:51 +01:00
padding: 2rem 0.7rem 1.5rem;
background-color: var(--footer-color);
@include transition() {}
2022-02-18 16:53:54 +01:00
}
2022-02-19 09:25:51 +01:00
2022-02-18 16:53:54 +01:00
a {
color: var(--link-color);
2022-02-18 16:53:54 +01:00
cursor: pointer;
@include transition() {}
&:hover {
color: var(--font-color);
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--font-color);
2022-02-18 16:53:54 +01:00
}
2022-02-23 08:41:30 +01:00
h1 {
margin-top: 2rem;
}
pre {
font-family: 'fira_codelight';
margin: 0.75rem 0;
padding: 0.75rem;
border-left: 2px solid $nord10;
background: var(--box-bg-color);
color: var(--font-color);
}
2022-02-18 08:14:34 +01:00
}
2022-02-19 09:25:51 +01:00
}
.layout-maxed {
@include respond-to("small") {
padding: 0 0.7rem;
}
2022-02-23 11:33:57 +01:00
}
.is-hidden {
display: none;
}
.ml-4 {
margin-left: 1rem;
}
.sm-hidden {
display: none;
@include respond-to("small-up") {
display: initial;
}
}
.is-danger {
color: $nord12;
2022-02-18 08:14:34 +01:00
}