|
@@ -295,21 +295,6 @@ object {
|
|
* - In the future the Block styles may get compiled to individual .css
|
|
* - In the future the Block styles may get compiled to individual .css
|
|
* files and conditionally loaded
|
|
* files and conditionally loaded
|
|
*/
|
|
*/
|
|
-.wp-block-a8c-blog-posts {
|
|
|
|
- /**
|
|
|
|
- * Button Placeholder style
|
|
|
|
- * - Since buttons appear in various blocks,
|
|
|
|
- * let’s use a placeholder to keep them all
|
|
|
|
- * in-sync
|
|
|
|
- */
|
|
|
|
- /**
|
|
|
|
- * Onsale Placeholder style
|
|
|
|
- * - Since buttons appear in various blocks,
|
|
|
|
- * let’s use a placeholder to keep them all
|
|
|
|
- * in-sync
|
|
|
|
- */
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
|
|
.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
|
|
margin-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
}
|
|
@@ -469,7 +454,13 @@ object {
|
|
color: currentColor;
|
|
color: currentColor;
|
|
}
|
|
}
|
|
|
|
|
|
-.wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button {
|
|
|
|
|
|
+/**
|
|
|
|
+ * Button Placeholder style
|
|
|
|
+ * - Since buttons appear in various blocks,
|
|
|
|
+ * let’s use a placeholder to keep them all
|
|
|
|
+ * in-sync
|
|
|
|
+ */
|
|
|
|
+.wp-block-a8c-blog-posts + .button, .fse-template-part .main-navigation .button {
|
|
line-height: 1;
|
|
line-height: 1;
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
@@ -483,26 +474,32 @@ object {
|
|
padding: 16px 48px;
|
|
padding: 16px 48px;
|
|
}
|
|
}
|
|
|
|
|
|
-.wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button:before, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button:before, .wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button:after, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button:after, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button:after {
|
|
|
|
|
|
+.wp-block-a8c-blog-posts + .button:before, .fse-template-part .main-navigation .button:before, .wp-block-a8c-blog-posts + .button:after, .fse-template-part .main-navigation .button:after {
|
|
content: '';
|
|
content: '';
|
|
display: block;
|
|
display: block;
|
|
height: 0;
|
|
height: 0;
|
|
width: 0;
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
|
|
-.wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button:before, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button:before, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button:before {
|
|
|
|
|
|
+.wp-block-a8c-blog-posts + .button:before, .fse-template-part .main-navigation .button:before {
|
|
margin-bottom: -0.12em;
|
|
margin-bottom: -0.12em;
|
|
}
|
|
}
|
|
|
|
|
|
-.wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button:after, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button:after, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button:after {
|
|
|
|
|
|
+.wp-block-a8c-blog-posts + .button:after, .fse-template-part .main-navigation .button:after {
|
|
margin-top: -0.11em;
|
|
margin-top: -0.11em;
|
|
}
|
|
}
|
|
|
|
|
|
-.wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button:hover, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button:hover, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button:hover, .wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .button:focus, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .button:focus, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .button:focus, .wp-block-a8c-blog-posts .wp-block-a8c-blog-posts + .has-focus.button, .wp-block-a8c-blog-posts .fse-template-part .main-navigation .has-focus.button, .fse-template-part .main-navigation .wp-block-a8c-blog-posts .has-focus.button {
|
|
|
|
|
|
+.wp-block-a8c-blog-posts + .button:hover, .fse-template-part .main-navigation .button:hover, .wp-block-a8c-blog-posts + .button:focus, .fse-template-part .main-navigation .button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .fse-template-part .main-navigation .has-focus.button {
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
background-color: #2f5f74;
|
|
background-color: #2f5f74;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+/**
|
|
|
|
+ * Onsale Placeholder style
|
|
|
|
+ * - Since buttons appear in various blocks,
|
|
|
|
+ * let’s use a placeholder to keep them all
|
|
|
|
+ * in-sync
|
|
|
|
+ */
|
|
.wp-block-a8c-blog-posts + .button {
|
|
.wp-block-a8c-blog-posts + .button {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
font-size: 1.5em;
|
|
font-size: 1.5em;
|