mirrors/binario
1
0
Fork 0
mirror of https://github.com/Vimux/Binario.git synced 2024-11-22 05:58:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix layout margins & borders

Browse source
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
1 changed files with 29 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
static/css/main.css
View file

@ -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;