changed content font only (#322)

This commit is contained in:
trean
2023-09-28 12:17:20 +02:00
committed by GitHub
parent e2b118e85a
commit b545c3bfb8
5 changed files with 63 additions and 42 deletions
@@ -1,2 +1,2 @@
$font-family-non-content: 'SF Pro', 'Roboto', sans-serif;
$font-family-content: 'New York', 'Serif', serif;
$font-family-content: 'Open Sans', sans-serif;
@@ -46,14 +46,15 @@ article aside[role="status"]:before {
font-weight: 900;
}
/*.blog,*/
.article {
@include mixins.content-reset;
font-family: $font-family-content;
font-size: lib.rem(18);
font-size: lib.rem(16);
font-weight: 400;
line-height: lib.rem(32);
@include mixins.content-reset;
@include mixins.content-image;
&_narrow {
@include media-breakpoint-up(lg) {
@@ -61,19 +62,6 @@ article aside[role="status"]:before {
}
}
p, span, ul, ol, li {
font: inherit;
}
p, ul {
margin-bottom: 2rem;
}
p a:hover,
ul a:hover {
text-decoration: underline;
}
h1, h2, h3, h4, h5 {
margin-bottom: lib.rem(24);
font-family: $font-family-non-content;
@@ -107,31 +95,31 @@ article aside[role="status"]:before {
color: var(--brand-dark-gray);
}
ul, ol {
margin-left: 0;
}
//ul, ol {
// margin-left: 0;
//}
//
& > ul, & > ol {
margin-left: lib.rem(24);
}
//
//li {
// margin-left: 0;
//}
li {
margin-left: 0;
}
//img {
// max-width: 100%;
// height: auto;
// margin: 0 auto;
// border-radius: lib.rem(14);
//}
img {
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: lib.rem(14);
}
figcaption {
margin-top: lib.rem(10);
font-size: lib.rem(18);
font-style: italic;
line-height: lib.rem(32);
}
//figcaption {
// margin-top: lib.rem(10);
// font-size: lib.rem(18);
// font-style: italic;
// line-height: lib.rem(32);
//}
&__info {
display: flex;
@@ -9,6 +9,13 @@
&__article {
@include mixins.content-reset;
font-family: $font-family-content;
font-size: lib.rem(16);
font-weight: 400;
line-height: lib.rem(32);
@include mixins.content-image;
h1 {
font-size: 2.25rem;
}
@@ -32,10 +39,6 @@
h6 {
font-size: 1.25rem;
}
p {
margin-bottom: 0.7rem;
}
}
&__sidebar-inner {
@@ -1,4 +1,5 @@
@use "../helpers/functions" as lib;
@use "../variables" as vars;
@mixin content-reset {
@@ -35,9 +36,38 @@
list-style: decimal;
}
p, ul {
margin-bottom: lib.rem(24);
}
p a:hover,
ul a:hover {
text-decoration: underline;
}
figure {
text-align: center;
}
figcaption {
margin-top: lib.rem(10);
font-size: lib.rem(18);
font-style: italic;
line-height: lib.rem(32);
}
pre, pre span, pre code {
font-size: lib.rem(16);
}
}
@mixin content-image {
img {
max-width: 100%;
height: auto;
margin: 0 auto;
border-radius: lib.rem(14);
}
}
@mixin transitionAll($ms) {
File diff suppressed because one or more lines are too long