feat: Course page theme implementation (#5)

edly-io · Nov 28, 2023 · b48b980 · b48b980
1 parent 5bdfd7f
commit b48b980
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/paragon/_overrides.scss b/paragon/_overrides.scss
@@ -6,3 +6,7 @@
 .dropdown {
   font-weight: $font-weight-semi-bold;
 }
+
+.font-weight-semi-bold {
+  font-weight: $font-weight-semi-bold !important;
+}
diff --git a/paragon/_variables.scss b/paragon/_variables.scss
@@ -26,6 +26,7 @@ $default-radius:            1rem;
 // Settings for the `<body>` element.
 $body-bg:                   #f9f8f5;
 $body-color:                $primary;
+$border-color:              $gray-light;
 $dropdown-bg:               $white;
 $footer-text-color:         $gray-light-500;
 
@@ -35,8 +36,6 @@ $yiq-text-dark:             $primary;
 $headings-color:            $primary;
 $default-border-color:      $gray-light;
 
-$body-bg:                   $white !default;
-
 // Components
 // Style Components elements.
 // Define common padding and border radius sizes and more.
@@ -62,6 +61,28 @@ $dropdown-link-active-color: $secondary;
 $dropdown-item-padding-y:    0.75rem;
 $dropdown-item-padding-x:    2rem;
 
+// Breadcrumb
+$breadcrumb-border-radius:           0;
+$breadcrumb-focus-border-radius:     0;
+$breadcrumb-padding-y:               0;
+$breadcrumb-padding-x:               0;
+
+// Badge
+$badge-padding-y:            .25rem;
+$badge-border-radius:        .375rem;
+
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1620px
+);
+
 // Typography
 //
 // Font, line-height, and color for body text, headings, and more.