LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

More responsiveness

Browse source
This commit is contained in:
ポール ウェッブ 2018-05-10 14:44:31 -05:00
parent abfe06265e
commit 4b1c56ef15
1 changed files with 30 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
.vuepress/scss/pages/_page.scss
View file

@ -12,21 +12,27 @@
.page__header { .page__header {
@include center; @include center;
width: 100%; height: 100px;
background-image: url("../media/images/background-a.jpg"); background-image: url("../media/images/background-a.jpg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
color: $white; color: $white;
position: relative; position: relative;
width: 100%;
} }
.page__header__title { .page__header__title {
font-size: 3rem;
font-weight: 300; font-weight: 300;
line-height: 6.5rem; line-height: 6.5rem;
text-shadow: 1px 1px 2px rgba($black, 0.3); text-shadow: 1px 1px 2px rgba($black, 0.3);
@media (min-width: 901px) {
font-size: 3rem;
}
@media (max-width: 900px) {
font-size: 2rem;
}
} }
@ -62,12 +68,7 @@
text-transform: uppercase; text-transform: uppercase;
} }
p, ol, ul { p, ol, ul, table {
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: 2rem;
position: relative;
code { code {
background-color: $black; background-color: $black;
border-radius: 3px; border-radius: 3px;
@ -79,7 +80,26 @@
} }
} }
ol, ul { p, ol, ul {
line-height: 1.33;
margin-bottom: 2rem;
position: relative;
@media (min-width: 901px) {
font-size: 1.25rem;
}
@media (max-width: 900px) {
font-size: 1.05rem;
}
}
ol {
list-style-type: lower-roman;
padding-left: 1.6rem;
}
ul {
padding-left: 1.25rem; padding-left: 1.25rem;
} }