mirror of
https://github.com/Vimux/Binario.git
synced 2024-11-11 01:38:28 +00:00
Fix layout margins & borders
This commit is contained in:
parent
c638445a70
commit
2ec605a9f0
1 changed files with 29 additions and 16 deletions
|
@ -440,7 +440,7 @@ mark {
|
||||||
}
|
}
|
||||||
|
|
||||||
.block {
|
.block {
|
||||||
margin: .3125rem;
|
margin: .625rem .3125rem;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -584,7 +584,7 @@ mark {
|
||||||
|
|
||||||
/* Taxonomies */
|
/* Taxonomies */
|
||||||
.page {
|
.page {
|
||||||
margin-top: .625rem;
|
margin-bottom: .3125rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page__title {
|
.page__title {
|
||||||
|
@ -595,11 +595,6 @@ mark {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Single */
|
|
||||||
.single {
|
|
||||||
margin-top: .625rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards UI*/
|
/* Cards UI*/
|
||||||
.cards {
|
.cards {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -609,13 +604,32 @@ mark {
|
||||||
.card {
|
.card {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
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) {
|
@media screen and (min-width: 480px) {
|
||||||
.card {
|
.card {
|
||||||
padding: .3125rem;
|
padding: .3125rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card:first-child {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card__box {
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 720px) {
|
@media screen and (min-width: 720px) {
|
||||||
|
@ -634,13 +648,6 @@ mark {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card__box {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Post */
|
/* Post */
|
||||||
.title-excerpt {
|
.title-excerpt {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
|
@ -805,11 +812,17 @@ mark {
|
||||||
|
|
||||||
/* Pagination */
|
/* Pagination */
|
||||||
.pagination {
|
.pagination {
|
||||||
margin-bottom: .625rem;
|
margin: .3125rem 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #2a2a2a;
|
background-color: #2a2a2a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 480px) {
|
||||||
|
.pagination {
|
||||||
|
margin: .3125rem .3125rem .625rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.pagination__item {
|
.pagination__item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: .25rem .625rem;
|
padding: .25rem .625rem;
|
||||||
|
|
Loading…
Reference in a new issue