sp-magic.de/src/scss/main.scss

84 righe
1.6 KiB
SCSS

@import "~bootstrap/scss/bootstrap-grid";
@import "~bootstrap/scss/bootstrap-reboot";
@import "~bootstrap/scss/utilities/align";
@import "~bootstrap/scss/utilities/spacing";
@import "~bootstrap/scss/utilities/display";
@import "~bootstrap/scss/utilities/text";
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";
@import "~@fortawesome/fontawesome-free/scss/brands";
@import "~@fortawesome/fontawesome-free/scss/regular";
@font-face {
font-family: 'Minotaur';
src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
}
body {
background: url('../img/bg.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 100vh;
color: #000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
&.legal {
padding: 2%;
}
}
.logo {
display: block;
margin: 0 auto;
max-width: 256px;
max-height: 256px;
background-color: #ffffff;
border-radius: 50%;
border: 2px solid #000000;
}
.menu {
border-top: 1px solid #000000;
}
.border-top-bottom {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
a {
color: #000000;
}
a:hover {
color: #222222;
}
.sp-codes {
font-family: "Minotaur", monospace;
font-size: 5rem;
text-align: center;
}
.row {
margin: 0;
}
.flex-grow {
flex: 1;
}
@media (max-width: 767.98px) {
.sp-codes {
font-size: 3rem;
}
.logo {
max-width: 128px;
max-height: 128px;
}
.fa-4x {
font-size: 2em;
}
}