浏览代码

Scope buttons to not target the Gutenberg components class.

Jeff Ong 4 年之前
父节点
当前提交
51a6c70391

+ 24 - 24
alves/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 48px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1710,7 +1710,7 @@ p:not(.site-title) a:hover {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1728,10 +1728,10 @@ p:not(.site-title) a:hover {
 	padding: 16px 48px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1741,27 +1741,27 @@ p:not(.site-title) a:hover {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 16 - 16
balasana/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
barnsbury/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 18px 18px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
brompton/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
coutoire/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -482,12 +482,12 @@ input[type="submit"],
 	padding: 11.6px 11.6px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -497,32 +497,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
dalston/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 24 - 24
exford/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1711,7 +1711,7 @@ pre.wp-block-verse {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1729,10 +1729,10 @@ pre.wp-block-verse {
 	padding: 16px 16px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1742,27 +1742,27 @@ pre.wp-block-verse {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 24 - 24
hever/style-editor.css

@@ -491,8 +491,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -510,12 +510,12 @@ input[type="submit"],
 	padding: 16px 24px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -525,32 +525,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1698,7 +1698,7 @@ pre.wp-block-verse {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1716,10 +1716,10 @@ pre.wp-block-verse {
 	padding: 16px 24px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1729,27 +1729,27 @@ pre.wp-block-verse {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 16 - 16
leven/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
mayland/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 24 - 24
maywood/style-editor.css

@@ -479,8 +479,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -498,12 +498,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -513,32 +513,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1761,7 +1761,7 @@ b, strong {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1779,10 +1779,10 @@ b, strong {
 	padding: 16px 16px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1792,27 +1792,27 @@ b, strong {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 24 - 24
morden/style-editor.css

@@ -491,8 +491,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -510,12 +510,12 @@ input[type="submit"],
 	padding: 16px 24px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -525,32 +525,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1701,7 +1701,7 @@ pre.wp-block-verse {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1719,10 +1719,10 @@ pre.wp-block-verse {
 	padding: 16px 24px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1732,27 +1732,27 @@ pre.wp-block-verse {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 16 - 16
redhill/style-editor.css

@@ -476,8 +476,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -495,12 +495,12 @@ input[type="submit"],
 	padding: 16px 24px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -510,32 +510,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
rivington/style-editor.css

@@ -464,8 +464,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -483,12 +483,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -498,32 +498,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.195em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.185em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 16 - 16
rockfield/style-editor.css

@@ -488,8 +488,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -507,12 +507,12 @@ input[type="submit"],
 	padding: 16px 20px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -522,32 +522,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 24 - 24
shawburn/style-editor.css

@@ -492,8 +492,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -511,12 +511,12 @@ input[type="submit"],
 	padding: 16px 24px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -526,32 +526,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1701,7 +1701,7 @@ pre.wp-block-verse {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1719,10 +1719,10 @@ pre.wp-block-verse {
 	padding: 16px 24px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1732,27 +1732,27 @@ pre.wp-block-verse {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 24 - 24
stow/style-editor.css

@@ -491,8 +491,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -510,12 +510,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -525,32 +525,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1834,7 +1834,7 @@ a {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1852,10 +1852,10 @@ a {
 	padding: 16px 16px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1865,27 +1865,27 @@ a {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {

+ 16 - 16
stratford/style-editor.css

@@ -491,8 +491,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button {
@@ -510,12 +510,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
@@ -525,32 +525,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before {
 	margin-bottom: -0.34em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after {
 	margin-top: -0.33em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button {

+ 1 - 1
varia/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "varia",
-  "version": "1.5.13",
+  "version": "1.6.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

+ 2 - 2
varia/sass/blocks/button/_editor.scss

@@ -1,8 +1,8 @@
 /**
  * Button
  */
- button,
- .button,
+button:not(.components-button),
+.button:not(.components-button),
  input[type="submit"],
  .wp-block-button__link,
  .wp-block-file__button {

+ 40 - 40
varia/style-editor.css

@@ -125,8 +125,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -144,12 +144,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -159,32 +159,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -502,8 +502,8 @@ object {
  *   let’s use a placeholder to keep them all
  *   in-sync
  */
-.wp-block-a8c-blog-posts + .button, button,
-.button,
+.wp-block-a8c-blog-posts + .button, button:not(.components-button),
+.button:not(.components-button),
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -521,12 +521,12 @@ input[type="submit"],
 	padding: 16px 16px;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
-.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -536,32 +536,32 @@ input[type="submit"]:after,
 	width: 0;
 }
 
-.wp-block-a8c-blog-posts + .button:before, button:before,
-.button:before,
+.wp-block-a8c-blog-posts + .button:before, button:not(.components-button):before,
+.button:not(.components-button):before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.wp-block-a8c-blog-posts + .button:after, button:after,
-.button:after,
+.wp-block-a8c-blog-posts + .button:after, button:not(.components-button):after,
+.button:not(.components-button):after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-button:not(.has-background):hover,
-.button:not(.has-background):hover,
+.wp-block-a8c-blog-posts + .button:not(.has-background):hover, button:not(.has-background):hover:not(.components-button),
+.button:not(.has-background):hover:not(.components-button),
 input:not(.has-background):hover[type="submit"],
 .wp-block-button__link:not(.has-background):hover,
-.wp-block-file__button:not(.has-background):hover, button:focus,
-.button:focus,
+.wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .wp-block-a8c-blog-posts + .button:focus, button:focus:not(.components-button),
+.button:focus:not(.components-button),
 input:focus[type="submit"],
 .wp-block-button__link:focus,
-.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, button.has-focus,
-.has-focus.button,
+.wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, button.has-focus:not(.components-button),
+.has-focus.button:not(.components-button),
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {
@@ -1651,7 +1651,7 @@ pre.wp-block-verse {
 	width: 100%;
 }
 
-.fse-template-part .main-navigation button,
+.fse-template-part .main-navigation button:not(.components-button),
 .fse-template-part .main-navigation input[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link,
 .fse-template-part .main-navigation .wp-block-file__button, .fse-template-part .main-navigation .button {
@@ -1669,10 +1669,10 @@ pre.wp-block-verse {
 	padding: 16px 16px;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
-.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
@@ -1682,27 +1682,27 @@ pre.wp-block-verse {
 	width: 0;
 }
 
-.fse-template-part .main-navigation button:before,
+.fse-template-part .main-navigation button:not(.components-button):before,
 .fse-template-part .main-navigation input[type="submit"]:before,
 .fse-template-part .main-navigation .wp-block-button__link:before,
 .fse-template-part .main-navigation .wp-block-file__button:before, .fse-template-part .main-navigation .button:before {
 	margin-bottom: -0.12em;
 }
 
-.fse-template-part .main-navigation button:after,
+.fse-template-part .main-navigation button:not(.components-button):after,
 .fse-template-part .main-navigation input[type="submit"]:after,
 .fse-template-part .main-navigation .wp-block-button__link:after,
 .fse-template-part .main-navigation .wp-block-file__button:after, .fse-template-part .main-navigation .button:after {
 	margin-top: -0.11em;
 }
 
-.fse-template-part .main-navigation button:not(.has-background):hover,
+.fse-template-part .main-navigation button:not(.has-background):hover:not(.components-button),
 .fse-template-part .main-navigation input:not(.has-background):hover[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:not(.has-background):hover,
-.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus,
+.fse-template-part .main-navigation .wp-block-file__button:not(.has-background):hover, .fse-template-part .main-navigation .button:not(.has-background):hover, .fse-template-part .main-navigation button:focus:not(.components-button),
 .fse-template-part .main-navigation input:focus[type="submit"],
 .fse-template-part .main-navigation .wp-block-button__link:focus,
-.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus,
+.fse-template-part .main-navigation .wp-block-file__button:focus, .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation button.has-focus:not(.components-button),
 .fse-template-part .main-navigation input.has-focus[type="submit"],
 .fse-template-part .main-navigation .has-focus.wp-block-button__link,
 .fse-template-part .main-navigation .has-focus.wp-block-file__button, .fse-template-part .main-navigation .has-focus.button {