brainbaking/themes/brainbaking-minimal/assets/sass/_blockquote.sass

39 lines
769 B
Sass

blockquote
font-family: $font-alt-stack
margin-left: 3rem
opacity: 0.8
position: relative
quotes: '\201C''\201D''\2018''\2019'
display: flex
flex-flow: row wrap
position: relative
&::before
mask: url('/img/icons/quote.svg')
-webkit-mask: url('/img/icons/quote.svg')
mask-size: cover
-webkit-mask-size: cover
content: ''
display: inline-block
background-color: $accent
position: absolute
width: 40px
height: 40px
margin-left: -40px
margin-top: -10px
p
padding-left: 0.5rem 0 !important
letter-spacing: 0rem
width: 100%
font-weight: 300
font-style: italic
span
opacity: 0.6
font-size: 1.3rem
white-space: pre
&::before
content: '\A -- ';