njpma/app/static/css/partials/_text.scss

105 lines
1.9 KiB
SCSS
Raw Normal View History

2021-10-24 13:43:02 +00:00
// Font: Wrong Font
@font-face {
font-family: "wrong font";
src: url("https://files.pad.ma/ttf/wrongfont.woff") format("woff");
}
2021-10-14 07:05:51 +00:00
// Font: Noto Sans
2021-10-10 15:06:43 +00:00
2021-10-14 07:05:51 +00:00
@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('noto-sans-bold-italic-webfont.woff2') format('woff2'),
url('noto-sans-bold-italic-webfont.woff') format('woff');
font-weight: 700;
font-style: italic;
}
2021-10-10 15:06:43 +00:00
2021-10-14 07:52:51 +00:00
// Text: Global Classes
.font-bold {
font-weight: 700;
}
2021-10-22 09:12:59 +00:00
strong {
font-weight: 700;
}
2021-10-14 07:52:51 +00:00
em {
font-style: italic;
}
2021-10-24 13:43:02 +00:00
.font-size-sm {
font-size: 18px;
}
2021-10-24 15:05:50 +00:00
.font-family-wrong {
font-family: "wrong_font";
}
2021-10-11 13:06:49 +00:00
main > .texts {
2021-10-11 12:55:45 +00:00
box-sizing: border-box;
a {
color: #e00;
text-decoration: none;
}
2021-10-10 15:06:43 +00:00
.text {
margin: var(--spacing);
2021-10-11 12:55:45 +00:00
h1 {
font-weight: bold;
font-size: 20px;
}
}
@media screen and (max-width: 799px) {
.text {
margin-bottom: var(--spacing-2);
2021-10-11 12:55:45 +00:00
h2 {
margin-bottom: var(--spacing);
2021-10-11 12:55:45 +00:00
}
}
2021-10-10 15:06:43 +00:00
}
}
main > .index {
text-align: center;
2021-10-24 13:43:02 +00:00
//padding-top: 48px;
//font-size: 26px;
line-height: 1.3;
}
main > .about {
line-height: 1.2;
p {
padding-bottom: 24px;
}
}