1 files changed, 26 insertions, 24 deletions
diff --git a/pyblackbird_cc/static/scss/custom.scss b/pyblackbird_cc/static/scss/custom.scss
index 75dd6e4..c3c12f0 100644
--- a/pyblackbird_cc/static/scss/custom.scss
+++ b/pyblackbird_cc/static/scss/custom.scss
@@ -2,30 +2,31 @@
 // Option B: Include parts of Bootstrap
 
 // 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
-@import "../bootstrap/scss/functions";
+@import "functions";
 
 // 2. Include any default variable overrides here
-//$primary: #51635EFF;
-$ey_literacy: #ebde34;
+$ey-literacy: #ebde34;
 $display-font-weight: 600;
 $ml-font-label-weight: 500;
 
 // 3. Include remainder of required Bootstrap stylesheets
-@import "../bootstrap/scss/variables";
-@import "../bootstrap/scss/mixins";
+@import "variables";
+@import "variables-dark";
+@import "maps";
+@import "mixins";
+@import "utilities";
 
 // 4. Include any optional Bootstrap components as you like
-@import "../bootstrap/scss/root";
-@import "../bootstrap/scss/reboot";
-@import "../bootstrap/scss/type";
-@import "../bootstrap/scss/images";
-@import "../bootstrap/scss/containers";
-@import "../bootstrap/scss/grid";
-@import "../bootstrap/scss/buttons";
-@import "../bootstrap/scss/bootstrap-utilities";
-@import "../bootstrap/scss/_badge.scss";
-// 5. Add additional custom code here
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "containers";
+@import "grid";
+@import "buttons";
+@import "badge";
 
+// 5. Add additional custom code here
 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
 }
@@ -39,18 +40,13 @@ $ml-font-label-weight: 500;
   font-size: 0.9rem;
 }
 
-
-//h2 {
-//  color: $primary;
-//}
-
-.ey_literacy {
-  background-color: $ey_literacy;
+.ey-literacy {
+  background-color: $ey-literacy;
   color: black;
 }
 
-.ey_literacy_border {
-  border-color: $ey_literacy;
+.ey-literacy_border {
+  border-color: $ey-literacy;
   border-width: 0.6em;
 }
 
@@ -61,3 +57,9 @@ $ml-font-label-weight: 500;
 .asteriskField {
   color: red;
 }
+// 6. Add additional Bootstrap components as needed
+@import "alert";
+@import "card";
+
+// 7. Import utilities API last to generate utility classes
+@import "utilities/api";