Changeset 12106 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

Timestamp:

10/07/2022 04:18:45 AM (3 years ago)

Author:

dufresnesteven

Message:

wporg-themes: Add style variation previews on theme page behind a feature flag.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

@@ -486 +486 @@
 /* First screenshot, shown big */
 .theme-wrap .screenshot {
+    margin-bottom: 0 !important;
     border: 1px solid #fff;
     box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.2 );
     box-sizing: border-box;
-    overflow: hidden;
     position: relative;
 }
@@ -499 +499 @@
 }
 
+.theme-wrap .screenshot.style-variation:after {
+    display: none;
+}
+
 .theme-wrap .screenshot img {
     height: auto;
+    vertical-align: middle;
+    width: 100%;
     position: absolute;
     left: 0;
     top: 0;
-    vertical-align: middle;
-    width: 100%;
 }
 
@@ -521 +525 @@
 .theme-wrap .screenshot.blank {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
+}
+
+.theme-wrap .wporg-style-variations {
+    margin: 8px 0 0 !important;
 }