mirror of
https://github.com/Vimux/Binario.git
synced 2024-11-24 15:08:35 +00:00
REMify CSS
This commit is contained in:
parent
d8a41a04fb
commit
0fdc2d5677
1 changed files with 25 additions and 25 deletions
|
@ -213,7 +213,7 @@ svg:not(:root) {
|
||||||
|
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 1rem;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-top: 1px solid #ddd;
|
border-top: 1px solid #ddd;
|
||||||
|
@ -222,7 +222,7 @@ table {
|
||||||
|
|
||||||
td,
|
td,
|
||||||
th {
|
th {
|
||||||
padding: 5px 10px;
|
padding: .3125rem .625rem;
|
||||||
border-right: 1px solid #ddd;
|
border-right: 1px solid #ddd;
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
@ -382,7 +382,7 @@ mark {
|
||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
.header {
|
.header {
|
||||||
margin: 0 0 5px;
|
margin: 0 0 .3125rem;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background-color: #2a2a2a;
|
background-color: #2a2a2a;
|
||||||
border-color: #333;
|
border-color: #333;
|
||||||
|
@ -391,8 +391,8 @@ mark {
|
||||||
}
|
}
|
||||||
|
|
||||||
.block {
|
.block {
|
||||||
padding: 14px;
|
padding: .875rem;
|
||||||
margin: 3px 0;
|
margin: .1875rem 0;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
background-color: #2a2a2a;
|
background-color: #2a2a2a;
|
||||||
border-color: #333;
|
border-color: #333;
|
||||||
|
@ -402,12 +402,12 @@ mark {
|
||||||
|
|
||||||
@media screen and (min-width: 480px) {
|
@media screen and (min-width: 480px) {
|
||||||
.header {
|
.header {
|
||||||
margin: 0 5px 5px;
|
margin: 0 .3125rem .3125rem;
|
||||||
border-width: 0 1px 1px;
|
border-width: 0 1px 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block {
|
.block {
|
||||||
margin: 5px;
|
margin: .3125rem;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -415,7 +415,7 @@ mark {
|
||||||
.logo {
|
.logo {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
float: left;
|
float: left;
|
||||||
padding: 10px 12px;
|
padding: 0.625rem .75rem;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
@ -479,7 +479,7 @@ mark {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav__item--active {
|
.main-nav__item--active {
|
||||||
padding: 10px;
|
padding: .625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav__item--active:hover {
|
.main-nav__item--active:hover {
|
||||||
|
@ -488,7 +488,7 @@ mark {
|
||||||
|
|
||||||
.main-nav__link {
|
.main-nav__link {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 10px;
|
padding: .625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-nav__list {
|
.main-nav__list {
|
||||||
|
@ -559,7 +559,7 @@ mark {
|
||||||
|
|
||||||
/* Single */
|
/* Single */
|
||||||
.single {
|
.single {
|
||||||
margin-top: 10px;
|
margin-top: .625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Cards UI*/
|
/* Cards UI*/
|
||||||
|
@ -571,12 +571,12 @@ mark {
|
||||||
.card {
|
.card {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 3px 0;
|
padding: .1875rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 480px) {
|
@media screen and (min-width: 480px) {
|
||||||
.card {
|
.card {
|
||||||
padding: 5px;
|
padding: .3125rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -605,7 +605,7 @@ mark {
|
||||||
|
|
||||||
/* Post */
|
/* Post */
|
||||||
.post__title-link {
|
.post__title-link {
|
||||||
font-size: 20px;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post__content {
|
.post__content {
|
||||||
|
@ -619,7 +619,7 @@ mark {
|
||||||
}
|
}
|
||||||
|
|
||||||
.post__meta {
|
.post__meta {
|
||||||
font-size: 14px;
|
font-size: .875rem;
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -634,28 +634,28 @@ mark {
|
||||||
|
|
||||||
.post__tag {
|
.post__tag {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 6px 3px;
|
padding: 0 .375rem .1875rem;
|
||||||
margin: 0 5px 5px 0;
|
margin: 0 .3125rem .3125rem 0;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
background: #151515;
|
background: #151515;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Comments */
|
/* Comments */
|
||||||
.comments {
|
.comments {
|
||||||
margin-top: 10px;
|
margin-top: .625rem;
|
||||||
margin-bottom: 10px;
|
margin-bottom: .625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Pagination */
|
/* Pagination */
|
||||||
.pagination {
|
.pagination {
|
||||||
margin-bottom: 10px;
|
margin-bottom: .625rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #2a2a2a;
|
background-color: #2a2a2a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination__item {
|
.pagination__item {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 4px 10px;
|
padding: .25rem .625rem;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
}
|
}
|
||||||
|
@ -668,9 +668,9 @@ mark {
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
.footer {
|
.footer {
|
||||||
padding: 10px 0;
|
padding: .625rem 0;
|
||||||
margin: 5px 0 0;
|
margin: .3125rem 0 0;
|
||||||
font-size: 13px;
|
font-size: .8125rem;
|
||||||
color: #888;
|
color: #888;
|
||||||
border-top: 2px solid #333;
|
border-top: 2px solid #333;
|
||||||
}
|
}
|
||||||
|
@ -681,6 +681,6 @@ mark {
|
||||||
|
|
||||||
@media screen and (min-width: 480px) {
|
@media screen and (min-width: 480px) {
|
||||||
.footer {
|
.footer {
|
||||||
margin: 5px 5px 0;
|
margin: .3125rem .3125rem 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue