Changeset 14071 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss

Timestamp:

09/23/2024 11:56:37 AM (8 months ago)

Author:

renyot

Message:

Learn: Sync with git WordPress/learn@6304a40

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2024/src/style/_sensei.scss

@@ -14 +14 @@
     --sensei-module-lesson-color: var(--wp--preset--color--charcoal-1);
     --sensei-lm-mobile-header-height: 60px;
+
+    .is-tip-notice .wp-block-wporg-notice__icon {
+        background: url(../../assets/icon-check.svg);
+    }
+
+    .wp-block-wporg-notice__icon {
+        height: 24px;
+    }
 
     .wp-block-sensei-lms-course-theme-notices:empty {
@@ -84 +92 @@
             }
 
-            .wp-block-wporg-notice__icon {
-                background: url(../../assets/icon-check.svg);
-                height: 24px;
-            }
-
             .wp-block-sensei-lms-course-theme-notices {
                 margin-block-end: 39px;
                 margin-block-start: var(--wp--preset--spacing--40);
+
+                .sensei-course-theme-lesson-quiz-notice {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: start;
+                    gap: 0;
+
+                    .sensei-course-theme-lesson-quiz-notice__content {
+                        .sensei-course-theme-lesson-quiz-notice__title {
+                            font-size: var(--wp--preset--font-size--normal);
+                            font-weight: 600;
+                            font-family: var(--wp--preset--font-family--inter);
+                        }
+
+                        .sensei-course-theme-lesson-quiz-notice__text {
+                            font-size: var(--wp--preset--font-size--normal);
+                            font-family: var(--wp--preset--font-family--inter);
+                        }
+                    }
+
+                    .sensei-course-theme-lesson-quiz-notice__description {
+                        margin-block-start: 0;
+                        margin-block-end: 0;
+                        font-size: var(--wp--preset--font-size--normal);
+                        font-family: var(--wp--preset--font-family--inter);
+                    }
+
+                    .sensei-course-theme-lesson-quiz-notice__actions {
+                        margin-top: var(--wp--preset--spacing--20);
+
+                        > div {
+                            background-color: var(--wp--preset--color--blueberry-1);
+
+                            &:hover {
+                                background-color: var(--wp--preset--color--deep-blueberry) !important;
+                            }
+
+                            > a {
+                                color: var(--wp--preset--color--white) !important;
+                                font-size: var(--wp--preset--font-size--normal);
+                                font-weight: 600;
+                                font-family: var(--wp--preset--font-family--inter);
+                                padding: 15px var(--wp--preset--spacing--30);
+
+                                &:hover {
+                                    background-color: var(--wp--preset--color--deep-blueberry) !important;
+                                }
+
+                                > svg {
+                                    display: none;
+                                }
+                            }
+                        }
+                    }
+                }
+
             }
         }
@@ -257 +316 @@
 
     &.quiz {
+        .wp-block-wporg-notice {
+            display: grid;
+        }
+
         .wp-block-sensei-lms-course-theme-notices {
             margin-block-start: 0;
@@ -431 +494 @@
                 }
 
+                > .sensei-course-theme__button {
+                    display: none;
+                }
+
                 .wp-block-button {