Sha256: 53a6afbbfd18adc48e879efa5265ebcc20a68945bed40709622dc252c029ee82
Contents?: true
Size: 1.89 KB
Versions: 6
Compression:
Stored size: 1.89 KB
Contents
// ==========================================================================
// Quote
// ==========================================================================
blockquote {
position: relative;
margin: 0;
padding-left: $pad-xl;
border-left: 5px solid fade-out($purple-light, .5);
}
cite {
font-style: normal;
font-size: $font-sm;
}
.quote-author {
margin-bottom: 0;
font-size: $font-sm;
}
.quote-author-meta {
margin-top: $pad-sm;
color: $text-color-light;
}
//- Large quote for full width display
.pullquote {
$icon-width: 74px;
$icon-height: 44px;
$icon-width-sm: 60px;
$icon-height-sm: 36px;
padding: $pad-xl $icon-width*1.25 $pad-xl $icon-width*1.5;
border: 0;
font-size: $font-lg;
//Quote icons
&:before,
&:after {
content: "";
position: absolute;
width: $icon-width;
height: $icon-height;
background-repeat: no-repeat;
}
&:before {
left: 0;
@include retina-image(#{$image-path}/blockquote/open, $icon-width $icon-height);
}
&:after {
right: 0;
bottom: $icon-height *3;
@include retina-image(#{$image-path}/blockquote/close, $icon-width $icon-height);
}
cite {
margin-top: $pad;
font-size: $font-base;
img {
float: left;
margin-right: $pad-lg;
margin-top: ($pad-lg)/2;
}
}
.quote-author {
font-size: $font-base;
}
&.pullquote-sm {
padding: $pad-xl $icon-width-sm*1.25 $pad-xl $icon-width-sm*1.5;
font-size: $font-base - 1;
&:before,
&:after {
width: $icon-width-sm;
height: $icon-height-sm;
}
&:before {
left: 0;
@include retina-image(#{$image-path}/blockquote/open-sm, $icon-width-sm $icon-height-sm);
}
&:after {
right: 0;
bottom: $icon-height-sm *3;
@include retina-image(#{$image-path}/blockquote/close-sm, $icon-width-sm $icon-height-sm);
}
}
}
Version data entries
6 entries across 6 versions & 1 rubygems