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

Dyad 2: Update editor styles for buttons; see #434.

Browse source
This commit is contained in:
Laurel Fulford 2019-02-06 16:33:26 -08:00
parent 9bfa57a6df
commit f782ca9ed8
2 changed files with 22 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
dyad-2/css/blocks.css
View file

@ -254,14 +254,24 @@ body:not(.has-post-thumbnail) .wp-block-table.alignfull {
/* Buttons */
.wp-block-button .wp-block-button__link {
background-color: #678db8;
border-color: #678db8;
border-radius: 0;
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.1em;
padding: 1em;
padding: 1em 1.5em;
text-transform: uppercase;
text-decoration: none;
}
.wp-block-button__link {
background-color: #678db8;
color: #fff;
}
.is-style-outline .wp-block-button__link {
border-color: currentColor;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #678db8;
}
.wp-block-button .wp-block-button__link:hover,

13
dyad-2/css/editor-blocks.css
View file

@ -500,8 +500,6 @@ p.has-drop-cap:not(:focus)::first-letter {
.wp-block-button .wp-block-button__link {
background-color: #678db8;
border-color: #678db8;
border-radius: 0;
color: #fff;
font-size: 14px;
letter-spacing: 0.1em;
@ -509,10 +507,13 @@ 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-color: #678db8;
opacity: 0.75;
.is-style-outline .wp-block-button__link {
border-color: currentColor;
background: transparent;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #678db8;
}
/* Separator */