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

Made blockquote more obvious

Browse source
This commit is contained in:
ポール ウェッブ 2018-06-13 16:21:17 -05:00
parent a2f9a2749d
commit d79f6871e0
1 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
content/.vuepress/scss/pages/_page.scss
View file

@ -115,15 +115,44 @@
blockquote { blockquote {
left: 2px; left: 2px;
padding-left: 2rem; line-height: 1.5;
margin-bottom: 0.5rem;
position: relative; position: relative;
&::before { @media (min-width: 601px) {
width: 5px; height: 100%; margin-left: 15%; padding: 0.5rem 0 0.05rem 2rem;
top: 0; left: 0;
background-color: $teal; font-size: 1.5rem;
content: ""; width: 70%;
}
@media (max-width: 600px) {
font-size: 1.25rem;
padding: 0.5rem 0 0.05rem 0;
}
@media (min-width: 376px) and (max-width: 600px) {
margin-left: 5%;
width: 90%;
}
@media (max-width: 375px) {
}
p {
font-size: inherit;
line-height: inherit;
}
&::before {
@include font-serif;
width: 150px; height: 100px;
top: 3rem; left: -2rem;
color: rgba($teal, 0.2);
content: "\201C";
font-size: 20rem;
line-height: 0.5;
position: absolute; position: absolute;
} }
} }