beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #551 from Automattic/fixes/434-correct-button-styles

Browse source 
Gazette: Update styles for buttons
This commit is contained in:
Laurel 2019-02-06 16:44:26 -08:00 committed by GitHub
commit 1013a58388
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
gazette/css/blocks.css
View file

@ -134,7 +134,6 @@ p.has-drop-cap:not(:focus)::first-letter {
/* Button */
.wp-block-button .wp-block-button__link {
border-radius: 0;
border: 2px solid #3863c1;
font-family: Lato, sans-serif;
font-size: 16px;
@ -150,18 +149,25 @@ p.has-drop-cap:not(:focus)::first-letter {
color: #fff;
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover {
background: #fff;
.is-style-outline .wp-block-button__link {
border-color: currentColor;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #3863c1;
outline: none;
}
.wp-block-button__link.has-background.has-text-color {
border-color: currentColor;
}
.entry-content .wp-block-button .wp-block-button__link:active,
.entry-content .wp-block-button .wp-block-button__link:focus,
.entry-content .wp-block-button .wp-block-button__link:hover {
background: #fff;
color: #3863c1;
}
/* Seperator */
.wp-block-separator:not(.is-style-wide) {

24
gazette/css/editor-blocks.css
View file

@ -347,13 +347,6 @@ p.has-drop-cap:not(:focus)::first-letter {
text-transform: uppercase;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background: #fff;
color: #3863c1;
outline: none;
}
/*--------------------------------------------------------------
4.0 Blocks - Formatting
--------------------------------------------------------------*/
@ -481,7 +474,6 @@ p.has-drop-cap:not(:focus)::first-letter {
.wp-block-button .wp-block-button__link {
background: #3863c1;
border: 2px solid #3863c1;
border-radius: 0;
color: #fff;
font-family: Lato, sans-serif;
font-size: 16px;
@ -491,15 +483,17 @@ p.has-drop-cap:not(:focus)::first-letter {
text-transform: uppercase;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
background: #fff;
color: #3863c1;
outline: none;
.wp-block-button__link.has-background.has-text-color,
.is-style-outline .wp-block-button__link {
border-color: currentColor;
}
.wp-block-button__link.has-background.has-text-color {
border-color: currentColor;
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #3863c1;
}
.wp-block-button .editor-rich-text__tinymce.mce-content-body {