1
0
Fork 0
web-jbeyerstedt/assets/scss/templates/home.scss

64 lines
1.1 KiB
SCSS

/* STYLE for jannikbeyerstedt.de
* for specific template
*/
@import "../mainvariables";
@font-face {
src: url("../../fonts/boon_logo-300.woff") format("woff");
font-family: "Boon-Logo";
font-style: normal;
font-weight: 300;
}
@font-face {
src: url("../../fonts/boon_logo-400.woff") format("woff");
font-family: "Boon-Logo";
font-style: normal;
font-weight: 400;
}
main {
padding-top: 14vh;
div.home {
text-align: center;
div.logo {
font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
font-size: 24.5px;
line-height: 1.2em;
font-weight: 300;
width: 11em; // more than needed, because of fallback fonts
margin: 0 auto;
span {
color: $color_accent;
font-weight: 400;
&.firstname {
padding-left: 0.1em;
padding-right: 0.56em;
}
&.surname {
letter-spacing: -0.036em;
}
}
}
p {
margin-top: 0.5em;
font-size: 14px;
letter-spacing: -0.01em;
}
}
}
@include media-breakpoint-down(xs) {
main {
padding-top: 10vh;
}
}