Ver código fonte

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

Laurel Fulford 6 anos atrás
pai
commit
f782ca9ed8
2 arquivos alterados com 22 adições e 11 exclusões
  1. 15 5
      dyad-2/css/blocks.css
  2. 7 6
      dyad-2/css/editor-blocks.css

+ 15 - 5
dyad-2/css/blocks.css

@@ -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,

+ 7 - 6
dyad-2/css/editor-blocks.css

@@ -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 */