Changeset 13978 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss

Timestamp:

08/19/2024 10:09:52 PM (15 months ago)

Author:

coffee2code

Message:

Photo Directory: Add styles for grid of user's recent submissions on submit page.

See #7600.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss (modified) (1 diff)

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

@@ -360 +360 @@
     margin-right: 1.5rem;
     text-align: right;
+}
+
+.latest-photos h3 {
+    font-size: 1.25rem;
+    font-weight: 400;
+}
+.photos-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill,minmax(150px, 1fr));
+    grid-auto-rows: 100px;
+    row-gap: 8px;
+    justify-items: center;
+}
+.photos-grid > span {
+    position: relative;
+}
+.photos-photo-link {
+    display: inline-block;
+    overflow: hidden;
+}
+.photos-photo-link img {
+    max-width: 100%;
+}
+.photos-photo-link img:active,
+.photos-photo-link img:hover {
+    border: 4px solid #fff;
+}
+.photos-grid .photos-photo-link img {
+    height: 100px;
+    width: 150px;
+    object-fit: cover;
+    transition: all .25s;
 }