fix(css): use relative length (em)

This commit is contained in:
curben 2019-08-30 19:31:03 +01:00
parent ab18204496
commit 570754d1d5
No known key found for this signature in database
GPG Key ID: 5D9DB57A25D34EE3
1 changed files with 7 additions and 12 deletions

View File

@ -203,9 +203,9 @@ samp {
} }
.main-nav-link { .main-nav-link {
margin-right: 10px; margin-right: 0.5em;
color: #cacdd0; color: #cacdd0;
padding-bottom: 5px; padding-bottom: 0.5em;
display: inline-block; display: inline-block;
border: 0; border: 0;
} }
@ -233,7 +233,7 @@ blockquote {
} }
.home-footer { .home-footer {
padding: 50px 0; padding: 3em 0;
} }
.archive-footer a, .archive-footer a,
@ -321,7 +321,6 @@ blockquote {
.home .content { .home .content {
width: 60%; width: 60%;
max-width: 500px;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
} }
@ -540,7 +539,7 @@ blockquote {
.article .article-entry .video-container { .article .article-entry .video-container {
position: relative; position: relative;
padding-top: 56.25%; padding-top: 56.25%;
margin-bottom: 30px; margin-bottom: 1em;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
} }
@ -561,7 +560,7 @@ blockquote {
.article .article-nav-link-wrap { .article .article-nav-link-wrap {
display: inline-block; display: inline-block;
color: #cacdd0; color: #cacdd0;
padding: 0 10px; padding: 0 1em;
width: 49%; width: 49%;
box-sizing: border-box; box-sizing: border-box;
vertical-align: top; vertical-align: top;
@ -602,7 +601,7 @@ blockquote {
} }
.article .article-meta .label { .article .article-meta .label {
margin-right: 10px; margin-right: 0.5em;
} }
.article .article-meta .article-category, .article .article-meta .article-category,
@ -722,10 +721,6 @@ blockquote {
float: right; float: right;
} }
.article-entry .highlight .line {
height: 25px;
}
.article-entry .highlight .line.marked { .article-entry .highlight .line.marked {
background: #e6e6e6; background: #e6e6e6;
} }
@ -811,7 +806,7 @@ pre .keyword {
border-radius: 5px; border-radius: 5px;
right: 0; right: 0;
margin-left: 5px; margin-left: 5px;
padding: 10px; padding: 0.5em;
position: absolute; position: absolute;
} }