Skip to content

Commit

Permalink
Merge pull request #619 from Automattic/fixes/594-quote-block-border
Browse files Browse the repository at this point in the history
Illustratr: Update quote block border styles
  • Loading branch information
laurelfulford authored Feb 15, 2019
2 parents fec4ef7 + b4f373f commit a0b3f32
Show file tree
Hide file tree
Showing 2 changed files with 58 additions and 40 deletions.
31 changes: 30 additions & 1 deletion illustratr/blocks.css
Original file line number Diff line number Diff line change
Expand Up @@ -144,9 +144,38 @@ p.has-drop-cap:not(:focus)::first-letter {
margin-bottom: .8em;
}

.rtl .wp-block-quote {
.rtl .wp-block-quote,
.wp-block-quote[style*="text-align:right"] {
border: 0;
border-right: 2px solid #e06d5e;
padding: 0 40px 0 0;
}

.wp-block-quote[style*="text-align:center"] {
border: 0;
padding: 0;
}

.rtl .wp-block-quote[style*="text-align:left"] {
border: 0;
border-left: 2px solid #e06d5e;
padding: 0 0 0 40px;
}

@media screen and (max-width: 767px) {
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding-left: 20px;
}

.rtl .wp-block-quote,
.wp-block-quote[style*="text-align:right"] {
padding: 0 20px 0 0;
}

.rtl .wp-block-quote[style*="text-align:left"] {
padding: 0 0 0 20px;
}
}

/* Audio */
Expand Down
67 changes: 28 additions & 39 deletions illustratr/editor-blocks.css
Original file line number Diff line number Diff line change
Expand Up @@ -430,13 +430,13 @@

/* Quote */

.editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) {
.wp-block-quote) {
margin: 0;
padding-left: 40px;
border-left: 2px solid #e06d5e;
}

.editor-block-list__block .wp-block-quote {
.wp-block-quote {
padding-left: 40px;
margin: 0;
font-family: "PT Serif", serif;
Expand All @@ -445,7 +445,7 @@
}

@media screen and (max-width: 767px) {
.editor-block-list__block .wp-block-quote {
.wp-block-quote {
padding-left: 20px;
font-size: 21px;
}
Expand Down Expand Up @@ -477,30 +477,6 @@
margin-bottom: 0;
}

.editor-block-list__block .wp-block-quote.alignleft {
margin: 20px 40px 20px 0;
}

@media screen and (min-width: 1260px) {
.editor-block-list__block .wp-block-quote.alignleft {
margin-left: -130px;
}
}

.editor-block-list__block .wp-block-quote.alignright {
margin: 20px 0 20px 40px;
}

@media screen and (min-width: 1260px) {
.editor-block-list__block .wp-block-quote.alignright {
margin-left: -130px;
}
}

.editor-block-list__block .wp-block-quote.aligncenter {
margin-bottom: 20px;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding-left: 40px;
Expand All @@ -519,25 +495,38 @@
margin-bottom: 20px;
}

.rtl .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
.rtl .editor-block-list__block .wp-block-quote {
.rtl .wp-block-quote,
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"] {
border-left: 0;
border-right: 2px solid #e06d5e;
padding-left: 0;
padding-right: 40px;
padding: 0 20px 0 0;
}

.rtl .wp-block-quote[style*="text-align:left"],
.rtl .wp-block-quote[style*="text-align: left"] {
border-left: 2px solid #e06d5e;
border-right: 0;
padding: 0 0 0 40px;
}

.wp-block-quote[style*="text-align:center"],
.wp-block-quote[style*="text-align: center"] {
border: 0;
padding: 0;
}

@media screen and (max-width: 767px) {
.rtl .editor-block-list__block .wp-block-quote {
padding-left: 0;
padding-right: 20px;
.rtl .wp-block-quote,
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"] {
padding: 0 20px 0 0;
}
}

.rtl .wp-block-quote.is-large,
.rtl .wp-block-quote.is-style-large {
padding-left: 0;
padding-right: 40px;
.rtl .wp-block-quote[style*="text-align:left"],
.rtl .wp-block-quote[style*="text-align: left"] {
padding: 0 0 0 20px;
}
}

/* Cover */
Expand Down

0 comments on commit a0b3f32

Please sign in to comment.