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

Rebalance: Update styles for buttons; see #434.

Browse source
This commit is contained in:
Laurel Fulford 2019-02-07 13:53:45 -08:00
parent 9c63d8593e
commit 4e934ad733
2 changed files with 19 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
rebalance/blocks.css
View file

@ -259,8 +259,6 @@ p.has-drop-cap:not(:focus)::first-letter {
/* Buttons */
.wp-block-button .wp-block-button__link {
border: 2px solid;
border-radius: 0;
font-family: "Rubik", "Helvetica Neue", sans-serif;
font-weight: 500;
line-height: 1;
@ -274,9 +272,16 @@ p.has-drop-cap:not(:focus)::first-letter {
text-decoration: none;
}
a.wp-block-button__link {
background: #fff;
border-color: #000;
.entry-content .wp-block-button__link {
background: #f35029;
color: #fff;
}
.entry-content .is-style-outline .wp-block-button__link {
background: transparent;
}
.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #f35029;
}

28
rebalance/editor-blocks.css
View file

@ -473,13 +473,6 @@
-webkit-appearance: none;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:active {
background: #000;
color: #fff;
}
.rtl .wp-block-file .wp-block-file__button {
margin-left: .75em;
margin-right: 0;
@ -682,8 +675,6 @@
/* Buttons */
.wp-block-button .wp-block-button__link {
border: 2px solid;
border-radius: 0;
font-family: "Rubik", "Helvetica Neue", sans-serif;
font-weight: 500;
line-height: 18px;
@ -694,18 +685,17 @@
line-height: 18px
}
.wp-block-button__link,
.wp-block-button__link:visited {
background: #fff;
border-color: currentColor;
color: #f35029;
.wp-block-button__link {
color: #fff;
background-color: #f35029;
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover {
background: #000;
color: #fff;
.is-style-outline .wp-block-button__link {
background: transparent;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: #f35029;
}
.wp-block-button.alignleft {