mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-10-31 16:49:49 +01: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

36
src/components/Post/Post.module.scss
View File

@@ -2,19 +2,23 @@
@import "../../assets/scss/mixins";
.post {
&__footer {
margin: 0 auto;
max-width: $layout-post-width;
padding: 0 15px;
.content {
@include margin-auto();
}
&__comments {
margin: 0 auto;
.footer {
max-width: $layout-post-width;
padding: 0 15px;
@include padding(0, 0.5);
@include margin-auto();
}
&__home-button {
.comments {
max-width: $layout-post-width;
@include padding(0, 0.5);
@include margin-auto();
}
.button {
border: 1px solid $color-gray-border;
border-radius: $button-border-radius;
color: $color-base;
@@ -26,8 +30,8 @@
margin-left: auto;
margin-right: auto;
max-width: 90px;
padding: 0 24px;
text-align: center;
@include padding(0, 1);
@include margin-top(1);
&:hover,
@@ -39,20 +43,20 @@
@include breakpoint-md {
.post {
&__footer {
padding: 0;
.footer {
@include padding-equal(0);
}
&__comments {
padding: 0;
.comments {
@include padding-equal(0);
}
&__home-button {
.button {
left: 30px;
margin: 0;
max-width: auto;
max-width: none;
position: fixed;
top: 30px;
@include margin-equal(0);
}
}
}