Calm Business: Update quote block border styles, to work better with the new styles planned for Gutenberg 5.2. See #594.

This commit is contained in:
Laurel Fulford 2019-02-14 12:04:02 -08:00
parent cf54b2bce1
commit aa993afb5c
5 changed files with 16 additions and 11 deletions

View file

@ -449,7 +449,8 @@
&:not(.is-large),
&:not(.is-style-large) {
border-left: 2px solid $color__link;
border-width: 2px;
border-color: $color__link;
padding-top: 0;
padding-bottom: 0;
}

View file

@ -409,7 +409,8 @@ figcaption,
/** === Blockquote === */
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 2px solid #8D6708;
border-width: 2px;
border-color: #8D6708;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {

View file

@ -13,7 +13,7 @@ body {
background-color: $color__background-body;
font-weight: $font__weight_standard;
font-size: 1em;
.wp-block[data-align="full"] {
width: 100%;
}
@ -32,7 +32,7 @@ body {
max-width: 80%;
margin: 0 10%;
}
.wp-block[data-align="wide"] {
width: 100%;
}
@ -193,7 +193,7 @@ figcaption,
/** === Post Title === */
.editor-post-title__block {
margin: 0;
&:before {
width: $font__size-xxl;
@ -391,7 +391,8 @@ figcaption,
.wp-block-quote {
&:not(.is-large):not(.is-style-large) {
border-left: 2px solid $color__link;
border-width: 2px;
border-color: $color__link;
}
&.is-large,
@ -774,7 +775,7 @@ ul.wp-block-archives,
.wp-block-media-text {
background-color: $color__background-body-dark;
color: $color__text-light;
.editor-inner-blocks {
align-self: start;
padding-top: 32px;
@ -809,7 +810,7 @@ ul.wp-block-archives,
display: block;
height: 2px;
margin: 1.46rem 0 1rem;
width: 20px;
width: 20px;
}
}
}
@ -856,4 +857,4 @@ ul.wp-block-archives,
a {
color: inherit;
}
}
}

View file

@ -3975,7 +3975,8 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-right: 2px solid #8D6708;
border-width: 2px;
border-color: #8D6708;
padding-top: 0;
padding-bottom: 0;
}

View file

@ -3987,7 +3987,8 @@ body.page .main-navigation {
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-left: 2px solid #8D6708;
border-width: 2px;
border-color: #8D6708;
padding-top: 0;
padding-bottom: 0;
}