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

Timestamp:

04/20/2023 09:10:02 PM (3 years ago)

Author:

coffee2code

Message:

Photo Directory: Style tags as conventional pill shape.

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

@@ -388 +388 @@
                 display: inline-block;
                 min-width: 100px;
+        }
+
+        .photo-tags {
+                display: flex;
+                flex-flow: row nowrap;
+
+                ul {
+                        display: flex;
+                        flex-flow: row wrap;
+                        gap: 0.5rem;
+                        list-style: none;
+                        margin: 0.3rem 0 1rem;
+                }
+
+                .photo-tag {
+                        background-color: #ddd;
+                        color: #333;
+                        padding: 4px 14px;
+                        border-radius: 16px;
+                        font-size: 14px;
+
+                        a {
+                                text-decoration: none;
+
+                                &:hover {
+                                        color: #0073aa;
+                                        text-decoration: underline;
+                                }
+                        }
+                }
         }