Move into wp-content path
Signed-off-by: Adrian Nöthlich <git@promasu.tech>
This commit is contained in:
145
wp-content/themes/Pirate-Rogue/css/sass/elements/_quotes.scss
Normal file
145
wp-content/themes/Pirate-Rogue/css/sass/elements/_quotes.scss
Normal file
@@ -0,0 +1,145 @@
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
/* Blockquotes and cites
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
blockquote {
|
||||
display:block;
|
||||
padding: 20px 20px 20px 45px;
|
||||
margin: 10px 20px 30px;
|
||||
position: relative;
|
||||
font-family: $font-family-quotation;
|
||||
border-left-style: solid;
|
||||
border-left-width: 15px;
|
||||
border-right-style: solid;
|
||||
border-right-width: 2px;
|
||||
font-style: italic;
|
||||
@include hyphens(manual);
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
em{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
p {
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
@include px2rem($font-size-blockquote);
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
padding-right: 30px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-align: right;
|
||||
@include px2rem($font-size-blockquote-cite);
|
||||
|
||||
&::before {
|
||||
content: "\2013 ";
|
||||
}
|
||||
}
|
||||
&.quotesign {
|
||||
padding: 20px 20px 20px 60px;
|
||||
|
||||
&::before {
|
||||
content: "\201C"; // Unicode for Left Double Quote
|
||||
font-family: Georgia, serif;
|
||||
font-size: 70px;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
}
|
||||
&::after{
|
||||
// Reset to make sure
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
&.smallborder {
|
||||
border-left-width: 2px;
|
||||
border-right-width: 2px;
|
||||
}
|
||||
&.boxborder {
|
||||
border-top-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
&.small {
|
||||
border-left-width: 2px;
|
||||
border-right-width: 2px;
|
||||
font-style: normal;
|
||||
padding: 10px 10px 10px 25px;
|
||||
p {
|
||||
font-weight: normal;
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
cite {
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
|
||||
}
|
||||
&.borderless {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
.inner-offcanvas-wrap & {
|
||||
background: inherit;
|
||||
margin: 10px 5px 30px 20px;
|
||||
|
||||
border: 0;
|
||||
|
||||
&::before {
|
||||
content: "\201C"; // Unicode for Left Double Quote
|
||||
font-family: Georgia, serif;
|
||||
font-size: 60px;
|
||||
font-weight: bold;
|
||||
color: lighten($color-text,20%); //lighten($color-text,50%);
|
||||
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
top: -5px;
|
||||
}
|
||||
&::after{
|
||||
// Reset to make sure
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
blockquote
|
||||
|
||||
#comments blockquote {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
p {
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
font-style: normal;
|
||||
@include px2rem($font-size-base);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: $breakpoint-sm) {
|
||||
.entry-content blockquote:not(.small) {
|
||||
p {
|
||||
@include px2rem($font-size-blockquote-sm);
|
||||
}
|
||||
cite {
|
||||
@include px2rem($font-size-blockquote-cite-sm);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user