Changeset 14044

Timestamp:

09/11/2024 06:07:36 AM (2 years ago)

Author:

adamwood

Message:

Make 2024: Update post styles

Sticky post and menu styles.

Closes ​https://github.com/WordPress/wordpress.org/issues/366

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css (modified) (8 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css

@@ -21 +21 @@
         background-size: 100%;
         background-repeat: no-repeat;
+}
+
+/* Override the Open Sans font for o2 plugin UI elements, and set to use the body font */
+[class*="o2"]:not(body) {
+        font-family: inherit !important;
+}
+/* The rule above can set Genericon wrappers to the body font, so set the actual icon element to the correct font */
+.genericon:before,
+.genericon:after {
+        font-family: "Genericons";
 }
 
@@ -386 +396 @@
         font-weight: 600;
         color: var(--wp--custom--button--color--text);
-        font-family: inherit;
         line-height: var(--wp--custom--button--typography--line-height);
         padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
@@ -426 +435 @@
         border-radius: 2px;
         background: var(--wp--custom--button--outline--color--background);
-        font-family: inherit;
         font-weight: 600 !important;
         line-height: var(--wp--custom--button--typography--line-height);
@@ -472 +480 @@
 
 div.o2-comment-footer-actions ul li > a {
-        font-family: inherit;
         color: var(--wp--custom--link--color--text);
         opacity: 1;
@@ -490 +497 @@
 }
 
+nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:before {
+        color: inherit;
+}
+
+nav.o2-dropdown-actions ul {
+        border-color: var(--wp--custom--color--border);
+        box-shadow: unset;
+        border-radius: 2px;
+        overflow: hidden;
+}
+
+nav.o2-dropdown-actions ul li {
+        line-height: 1;
+}
+
+nav.o2-dropdown-actions ul li > a.o2-actions-border-top,
+nav.o2-dropdown-actions ul li > span > a.o2-actions-border-top {
+        border-top-color: var(--wp--custom--color--border);
+}
+
 nav.o2-dropdown-actions ul li > a.genericon:before,
 nav.o2-dropdown-actions ul li > span > a.genericon:before {
         color: inherit;
+}
+
+nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover,
+nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.open {
+        background: unset;
+}
+
+nav.o2-dropdown-actions ul li > a,
+nav.o2-dropdown-actions ul li > span > a {
+        color: inherit;
+        font-size: var(--wp--preset--font-size--small);
+        font-weight: 400;
 }
 
@@ -962 +1001 @@
 .post.sticky .o2-post {
         border: 0;
-        border-top: 2px solid #ddd;
-        background: #e5f5fa;
-        padding-top: 3em;
+        border-top: none;
+        background: var(--wp--preset--color--blueberry-4);
+        padding-top: 40px !important;
+        margin-top: 40px;
         position: relative;
 }
@@ -972 +1012 @@
         font-family: dashicons;
         position: absolute;
-        top: -2px;
-        right: 45px;
-        color: #fff;
-        font-size: 18px;
-        padding: 13px 5px 0px;
-        background: #00a0d2;
+        top: 44px;
+        right: 60px;
+        font-size: var(--wp--preset--font-size--small);
+        padding: 4px;
+        background: var(--wp--preset--color--blueberry-1);
+        border-radius: 2px;
+        line-height: 14px;
+        color: var(--wp--preset--color--white);
 }
 
@@ -1104 +1146 @@
         padding: 0.5em 1em;
         font-size: var(--wp--preset--font-size--small);
-        font-family: inherit;
 }