142 lines
2.8 KiB
SCSS
Executable file
142 lines
2.8 KiB
SCSS
Executable file
// Font: Wrong Font
|
|
|
|
@font-face {
|
|
font-family: "wrong font";
|
|
src: url("https://files.pad.ma/ttf/wrongfont.woff") format("woff");
|
|
}
|
|
|
|
// Font: Noto Sans
|
|
|
|
@font-face {
|
|
font-family: 'noto_sans';
|
|
src: url('../../static/fonts/noto-sans/noto-sans-regular-webfont.woff2') format('woff2'),
|
|
url('../../static/fonts/noto-sans/noto-sans-regular-webfont.woff') format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'noto_sans';
|
|
src: url('../../static/fonts/noto-sans/noto-sans-italic-webfont.woff2') format('woff2'),
|
|
url('../../static/fonts/noto-sans/noto-sans-italic-webfont.woff') format('woff');
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'noto_sans';
|
|
src: url('../../static/fonts/noto-sans/noto-sans-bold-webfont.woff2') format('woff2'),
|
|
url('../../static/fonts/noto-sans/noto-sans-bold-webfont.woff') format('woff');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'noto_sans';
|
|
src: url('../../static/fonts/noto-sans/noto-sans-bold-webfont.woff2') format('woff2'),
|
|
url('../../static/fonts/noto-sans/noto-sans-bold-webfont.woff') format('woff');
|
|
font-weight: 700;
|
|
font-style: bold;
|
|
}
|
|
@font-face {
|
|
font-family: 'noto_sans';
|
|
src: url('noto-sans-bold-italic-webfont.woff2') format('woff2'),
|
|
url('noto-sans-bold-italic-webfont.woff') format('woff');
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: 'noto_sans';
|
|
src: url('noto-sans-bold-italic-webfont.woff2') format('woff2'),
|
|
url('noto-sans-bold-italic-webfont.woff') format('woff');
|
|
font-weight: 700;
|
|
font-style: bold italic;
|
|
}
|
|
|
|
|
|
// Text: Global Classes
|
|
|
|
.font-bold {
|
|
font-weight: 700;
|
|
}
|
|
|
|
strong {
|
|
font-weight: 700;
|
|
}
|
|
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
i {
|
|
font-style: italic;
|
|
}
|
|
|
|
b {
|
|
font-weight: bold;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.font-size-sm {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.font-family-wrong {
|
|
font-family: "wrong_font";
|
|
}
|
|
|
|
main > .texts {
|
|
max-width: var(--container-lg-width);
|
|
padding: var(--spacing-2);
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
box-sizing: border-box;
|
|
|
|
a {
|
|
color: #e00;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.text {
|
|
margin: 0 0 var(--spacing-2) 0;
|
|
h1 {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 799px) {
|
|
.text {
|
|
margin-bottom: var(--spacing-2);
|
|
h2 {
|
|
margin-bottom: var(--spacing);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
main > .index {
|
|
text-align: center;
|
|
line-height: 1.3;
|
|
|
|
}
|
|
|
|
main > .about {
|
|
line-height: 1.2;
|
|
p {
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
}
|
|
|
|
.assemblies {
|
|
&.row {
|
|
@media only screen and (max-width: 799px) {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.col {
|
|
@media only screen and (min-width: 800px) {
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|