mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-24 13:53:21 +02:00
Code Issues Releases Wiki Activity

.wall will be deprecated soon. Use .text-quote ;)

Browse Source
This commit is contained in:
José Luis Antúnez
2017-03-27 17:17:01 +02:00
committed by GitHub
parent b9454480b0
commit d82aa792e7
1 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
static/css/base.css
View File

@@ -891,7 +891,7 @@ h1 svg,
h2 svg, h3 svg, h4 svg { h2 svg, h3 svg, h4 svg {
margin-top: -.8rem; margin-top: -.8rem;
} }
.text-intro svg,.text-quote p svg,.try svg { .text-intro svg,.text-quote p svg,.wall p svg,.try svg {
margin-top: -.4rem; margin-top: -.4rem;
} }
.flexblock li h2 svg,.flexblock li h3 svg {margin-top: 0; .flexblock li h2 svg,.flexblock li h3 svg {margin-top: 0;
@@ -2826,33 +2826,35 @@ cite:before {
content: "\2014 \2009"; content: "\2014 \2009";
margin-right: 6px; margin-right: 6px;
} }
/* -- Versatility: blockquote, p, h2, h3... -- */ /* -- Big Blockquote -- */
.text-quote { /* Info: .wall will be deprecated soon. Use .text-quote ;) */
position: relative;
.text-quote,.wall {
position: relative; /* Versatility: blockquote, p, h2... */
} }
.text-quote:before { .text-quote:before,.wall:before {
position: absolute; position: absolute;
top: -6.4rem; top: -6.4rem;
left: -.8rem; left: -.8rem;
content: "\201C"; content: "\201C";
font-family: arial, sans-serif; font-family: arial, sans-serif;
width: 6.4rem; width: 5.6rem;
height: 6.4rem; height: 5.6rem;
font-size: 16rem; font-size: 12rem;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
} }
@media (min-width:768px) { @media (min-width:768px) {
.text-quote { .text-quote,.wall {
padding-left: 8rem; padding-left: 6.4rem;
} }
.text-quote p { .text-quote p,.wall p {
font-size: 3.2rem; font-size: 3.2rem;
line-height: 4.8rem; line-height: 4.8rem;
} }
.text-quote:before { .text-quote:before,.wall:before {
top: -3.2rem; top: -1.6rem;
left: .8rem; left: .8rem;
} }
} }
@@ -3167,6 +3169,15 @@ margin-bottom: 3.2rem;
.longform ul ol,.longform ol ul,.longform ul ul,.longform ol ol { .longform ul ol,.longform ol ul,.longform ul ul,.longform ol ol {
margin-bottom: 0; margin-bottom: 0;
} }
@media (min-width:1024px) {
.longform .text-quote {
margin-right: -4.8rem;
margin-left: -4.8rem;
}
}
/*========================================= /*=========================================
16. SAFARI BUGS (flex-wrap) 16. SAFARI BUGS (flex-wrap)
Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap