REMify CSS

This commit is contained in:
vimux 2018-05-21 23:01:54 +03:00
parent d8a41a04fb
commit 0fdc2d5677
No known key found for this signature in database
GPG key ID: 5A34FDC4EE832E34

View file

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