MusicTopus/sass/global.scss
Damien Broqua bfdb19eec1 #87 - Utiliser la police Luciole (#89)
Reviewed-on: #89
Co-authored-by: dbroqua <contact@darkou.fr>
Co-committed-by: dbroqua <contact@darkou.fr>
2023-07-27 14:52:30 +02:00

80 lines
1.4 KiB
SCSS

html {
min-height: 100vh;
scroll-behavior: smooth;
body {
background-color: var(--bg-color);
display: flex;
flex-direction: column;
padding-top: 3.5rem;
font-family: 'lucioleregular';
min-height: 100vh;
color: var(--font-color);
@include transition();
footer.footer {
margin-top: auto;
padding: 2rem 0.7rem 1.5rem;
background-color: var(--footer-color);
@include transition() {}
}
a {
color: var(--link-color);
cursor: pointer;
@include transition() {}
&:hover {
color: var(--font-color);
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--font-color);
}
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);
}
}
}
.layout-maxed {
@include respond-to("small") {
padding: 0 0.7rem;
}
}
.is-hidden {
display: none;
}
.ml-4 {
margin-left: 1rem;
}
.sm-hidden {
display: none;
@include respond-to("small-up") {
display: initial;
}
}
.is-danger {
color: $nord12;
}