2018-04-19 13:04:25 +00:00
|
|
|
const quote-margin = 1rem
|
|
|
|
|
2018-01-17 22:30:55 +00:00
|
|
|
.quotes
|
|
|
|
horizontal-wrap
|
|
|
|
justify-content space-around
|
|
|
|
|
|
|
|
.quote
|
|
|
|
vertical
|
|
|
|
flex 1
|
|
|
|
flex-basis 500px
|
2018-04-19 13:04:25 +00:00
|
|
|
margin quote-margin 0
|
|
|
|
|
|
|
|
> 500px
|
|
|
|
.quote
|
|
|
|
margin quote-margin
|
2018-01-17 22:30:55 +00:00
|
|
|
|
|
|
|
.quote-content
|
|
|
|
vertical
|
2018-02-25 12:08:23 +00:00
|
|
|
ui-element
|
|
|
|
border-left 5px solid quote-side-border-color !important
|
2018-01-17 22:30:55 +00:00
|
|
|
box-shadow shadow-light
|
|
|
|
|
2018-04-19 13:04:25 +00:00
|
|
|
.quote-line
|
|
|
|
// ...
|
|
|
|
|
2018-01-17 22:30:55 +00:00
|
|
|
.quote-character
|
|
|
|
horizontal
|
|
|
|
align-self flex-end
|
2018-02-25 16:06:47 +00:00
|
|
|
margin 0 1em 1em 0
|
2018-01-17 22:30:55 +00:00
|
|
|
|
2018-02-25 19:36:18 +00:00
|
|
|
.character
|
|
|
|
margin 0
|
|
|
|
|
2018-01-17 22:30:55 +00:00
|
|
|
.quote-footer
|
2018-04-18 14:27:08 +00:00
|
|
|
media-footer
|
2018-01-17 22:30:55 +00:00
|
|
|
|
|
|
|
blockquote
|
|
|
|
flex-grow 1
|
|
|
|
padding 1em
|
|
|
|
|
|
|
|
p
|
|
|
|
line-height 2em
|
2018-02-25 12:08:23 +00:00
|
|
|
quotes "\201C""\201D"
|
|
|
|
color text-color
|
2018-01-17 22:30:55 +00:00
|
|
|
|
2018-02-25 12:08:23 +00:00
|
|
|
:before
|
|
|
|
color quote-color
|
|
|
|
content open-quote
|
|
|
|
font-size 4em
|
|
|
|
line-height 0.1em
|
|
|
|
margin-right 0.25em
|
|
|
|
vertical-align -0.4em
|
2018-01-17 22:30:55 +00:00
|
|
|
|
2018-02-25 12:08:23 +00:00
|
|
|
:after
|
|
|
|
color quote-color
|
|
|
|
content close-quote
|
|
|
|
font-size 4em
|
|
|
|
line-height 0.1em
|
|
|
|
margin-left 0.25em
|
2018-02-25 19:36:18 +00:00
|
|
|
vertical-align -0.4em
|