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

Timestamp:

07/04/2024 04:01:44 PM (2 years ago)

Author:

renyot

Message:

Learn: Sync with git WordPress/learn@909b85c

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

@@ -78 +78 @@
                 > section.wp-block-sensei-lms-course-outline-module-bordered {
                         border: 1px solid var(--wp--preset--color--light-grey-1) !important;
-                        border-radius: 2px;
+                        border-radius: var(--wp--custom--box--border--radius);
 
                         header {
@@ -91 +91 @@
 
                                 div.wp-block-sensei-lms-course-outline-module__progress-indicator {
-                                        border-radius: 2px;
+                                        border-radius: var(--wp--custom--box--border--radius);
 
                                         &.completed {
@@ -161 +161 @@
                         border: 1px solid var(--wp--preset--color--light-grey-1) !important;
                         margin-bottom: var(--wp--preset--spacing--20) !important;
-                        border-radius: 2px;
+                        border-radius: var(--wp--custom--box--border--radius);
                 }
         }
@@ -169 +169 @@
                 .is-secondary.sensei-course-theme__button {
                         border: solid 1px var(--sensei-secondary-color);
+                }
+        }
+
+        section.wp-block-sensei-lms-course-results {
+                display: flex;
+                flex-direction: column;
+                margin-top: 40px;
+                margin-bottom: 40px;
+
+                > h2 {
+                        text-align: left;
+                        font-size: var(--wp--preset--font-size--heading-6);
+                        margin-top: 0;
+                        margin-bottom: var(--wp--preset--spacing--20);
+                }
+
+                > div.wp-block-sensei-lms-course-results__separator {
+                        display: none;
+                }
+
+                > section.wp-block-sensei-lms-course-results__module {
+                        margin-bottom: var(--wp--preset--spacing--20);
+                        margin-top: 0;
+                        border-radius: var(--wp--custom--box--border--radius);
+
+                        header {
+                                padding-top: var(--wp--preset--spacing--20);
+                                padding-bottom: var(--wp--preset--spacing--20);
+
+                                h3 {
+                                        margin: 0;
+                                }
+                        }
+                }
+
+                // wrapper of lesson items that don't belong to a module
+                > ul.wp-block-sensei-lms-course-results__lessons {
+                        margin: 0;
+
+                        > li.wp-block-sensei-lms-course-results__lesson {
+                                border: 1px solid var(--wp--custom--color--border);
+                                margin-bottom: var(--wp--preset--spacing--20);
+                                border-radius: var(--wp--custom--box--border--radius);
+                        }
+                }
+
+                > .wp-block-sensei-lms-course-results__grade {
+                        order: 3;
+                        display: flex;
+                        background: var(--wp--preset--color--light-grey-2);
+                        padding: var(--wp--preset--spacing--20);
+                        border-radius: var(--wp--custom--box--border--radius);
+
+                        > * {
+                                font-size: var(--wp--preset--font-size--normal);
+                                font-weight: 700;
+                                line-height: 26px;
+                        }
+
+                        > span.wp-block-sensei-lms-course-results__grade-score::before {
+                                content: ": ";
+                        }
                 }
         }