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 (2 years 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 {