You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
868 B
69 lines
868 B
@mixin responsive-block($bw) {
|
|
@media (max-width: 700px) {
|
|
max-width: $bw+20%;
|
|
}
|
|
@media (max-width: 500px) {
|
|
max-width: $bw+40%;
|
|
}
|
|
}
|
|
|
|
.post-text {
|
|
text-align: center;
|
|
}
|
|
|
|
.blog-title {
|
|
@extend .post-text;
|
|
}
|
|
|
|
.post {
|
|
@extend .post-text;
|
|
}
|
|
|
|
.post-content {
|
|
max-width: 50%;
|
|
text-align: justify;
|
|
font-size: 1.5em;
|
|
@include responsive-block(50);
|
|
}
|
|
|
|
.comment-block {
|
|
max-width: 30%;
|
|
@include responsive-block(30);
|
|
}
|
|
|
|
.comments {
|
|
margin-top: 5%;
|
|
@extend .comment-block;
|
|
}
|
|
|
|
.comment {
|
|
margin-top: 2%;
|
|
max-width: 40%;
|
|
@include responsive-block(45);
|
|
}
|
|
|
|
.comments-loader {
|
|
margin-top: 2%;
|
|
}
|
|
|
|
.comment-body {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.postnav {
|
|
@extend .post-text;
|
|
}
|
|
|
|
.rounded-button {
|
|
border-radius: 13px;
|
|
}
|
|
|
|
.maxinput {
|
|
background-color: grey;
|
|
}
|
|
|
|
.maxwarn {
|
|
margin-top: 15px;
|
|
@extend .comment-block;
|
|
}
|
|
|