Fix layout margins & borders

This commit is contained in:
vimux 2018-06-18 11:22:29 +03:00
parent c638445a70
commit 2ec605a9f0
No known key found for this signature in database
GPG key ID: 5A34FDC4EE832E34

View file

@ -440,7 +440,7 @@ mark {
}
.block {
margin: .3125rem;
margin: .625rem .3125rem;
border-width: 1px;
}
}
@ -584,7 +584,7 @@ mark {
/* Taxonomies */
.page {
margin-top: .625rem;
margin-bottom: .3125rem;
}
.page__title {
@ -595,11 +595,6 @@ mark {
margin-top: 1rem;
}
/* Single */
.single {
margin-top: .625rem;
}
/* Cards UI*/
.cards {
display: flex;
@ -609,13 +604,32 @@ mark {
.card {
display: flex;
width: 100%;
padding: .1875rem 0;
}
.card:first-child {
border-top: 1px solid #333;
}
.card__box {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
border-width: 0 0 1px 0;
}
@media screen and (min-width: 480px) {
.card {
padding: .3125rem;
}
.card:first-child {
border: 0;
}
.card__box {
border-width: 1px;
}
}
@media screen and (min-width: 720px) {
@ -634,13 +648,6 @@ mark {
}
}
.card__box {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
}
/* Post */
.title-excerpt {
font-size: 1.25rem;
@ -805,11 +812,17 @@ mark {
/* Pagination */
.pagination {
margin-bottom: .625rem;
margin: .3125rem 0;
text-align: center;
background-color: #2a2a2a;
}
@media screen and (min-width: 480px) {
.pagination {
margin: .3125rem .3125rem .625rem;
}
}
.pagination__item {
display: inline-block;
padding: .25rem .625rem;