mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-28 23:48:31 +02:00
changed content font only (#322)
This commit is contained in:
@@ -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
Reference in New Issue
Block a user