mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-09-18 22:20:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(starter): upgrade and move to typescript

Browse Source
This commit is contained in:
Alexander Shelepenok
2022-04-16 14:25:55 +00:00
parent 67ebabbaac
commit 50a99f57f7
156 changed files with 5350 additions and 7173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/Post/Content/Content.module.scss
View File

@@ -2,11 +2,11 @@
@import "../../../assets/scss/mixins";
.content {
margin: 0 auto;
@include margin-auto();
max-width: $layout-post-single-width;
padding: 0 15px;
@include padding(0, 0.5);
&__title {
.title {
font-size: $typographic-base-font-size * 2;
font-weight: 600;
margin-left: auto;
@@ -18,37 +18,41 @@
@include margin-bottom(0);
}
&__body {
& figure {
.body {
figure {
@include margin-bottom(1);
& blockquote {
blockquote {
font-style: italic;
margin-top: 0;
text-align: center;
@include margin-top(0);
@include padding(1, 0);
& p {
p {
font-size: $typographic-base-font-size * 1.6817;
margin-top: 0;
max-width: $layout-post-width;
@include margin-top(0);
@include margin-bottom(1);
@include line-height(1.5);
}
}
}
& a {
a {
text-decoration: underline;
}
& * {
* {
margin-left: auto;
margin-right: auto;
max-width: $layout-post-width;
}
& img {
h2 > a {
visibility: hidden;
}
img {
max-width: 100%;
}
}
@@ -56,25 +60,30 @@
@include breakpoint-md {
.content {
padding: 0;
@include padding-equal(0);
&__title {
.title {
font-size: $typographic-base-font-size * 3;
@include line-height(2.25);
@include margin-top(2.25);
@include margin-bottom(1.5);
}
&__body {
.body {
font-size: $typographic-base-font-size * 1.125;
@include line-height(1.125);
@include margin-bottom(1.125);
& p {
p {
font-size: $typographic-base-font-size * 1.125;
@include line-height(1.125);
@include margin-bottom(1.125);
}
h2 > a {
visibility: unset;
@include padding-right(1);
}
}
}
}