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

Dara: Update editor styles for buttons; see #434.

Browse source
This commit is contained in:
Laurel Fulford 2019-02-06 16:20:14 -08:00
parent 10b197fb3f
commit 9bfa57a6df
2 changed files with 27 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
dara/blocks.css
View file

@ -250,7 +250,6 @@ blockquote cite {
/* Buttons */
.wp-block-button .wp-block-button__link {
border-style: none;
cursor: pointer;
display: inline-block;
font-size: 15px;
@ -261,36 +260,34 @@ blockquote cite {
text-align: center;
vertical-align: middle;
text-transform: uppercase;
border-radius: 3px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
-webkit-appearance: none;
text-decoration: none;
}
.wp-block-button .wp-block-button__link:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
opacity: 0.85;
}
.wp-block-button__link:not(.has-background) {
.wp-block-button__link {
background-color: #15b6b8;
}
.wp-block-button__link:not(.has-background):focus {
background-color: #15b6b8;
}
.wp-block-button__link:not(.has-text-color),
.wp-block-button__link:not(.has-text-color):active,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):hover {
color: #fff;
}
.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):hover {
.is-style-outline .wp-block-button__link {
border-color: currentColor;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #15b6b8;
}
.is-style-outline .wp-block-button__link {
box-shadow: none;
}
.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-color: #15b6b8;
color: #fff;
opacity: 0.85;
}
/* Seperator */

31
dara/editor-blocks.css
View file

@ -758,7 +758,6 @@
/* Buttons */
.wp-block-button .wp-block-button__link {
border-style: none;
cursor: pointer;
display: inline-block;
font-size: 15px;
@ -769,40 +768,26 @@
text-align: center;
vertical-align: middle;
text-transform: uppercase;
border-radius: 3px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
-webkit-appearance: none;
}
.wp-block-button .editor-rich-text__tinymce.mce-content-body {
line-height: 30px;
}
.wp-block-button .wp-block-button__link:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
opacity: 0.85;
}
.wp-block-button__link:not(.has-background) {
background-color: #15b6b8;
}
.wp-block-button__link:not(.has-background):focus {
background-color: #15b6b8;
.is-style-outline .wp-block-button__link {
background-color: transparent;
box-shadow: none;
border-color: currentColor;
}
.wp-block-button__link:not(.has-text-color),
.wp-block-button__link:not(.has-text-color):active,
.wp-block-button__link:not(.has-text-color):focus,
.wp-block-button__link:not(.has-text-color):hover {
color: #fff;
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #15b6b8;
}
.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):hover {
background-color: #15b6b8;
.wp-block-button .editor-rich-text__tinymce.mce-content-body {
line-height: 30px;
}
/* Separator */