27 files changed, 185 insertions, 0 deletions
diff --git a/pyblackbird_cc/static/scss/mixins/_alert.scss b/alphabetlearning/static/scss/mixins/_alert.scss
index fb524af..fb524af 100644
--- a/pyblackbird_cc/static/scss/mixins/_alert.scss
+++ b/alphabetlearning/static/scss/mixins/_alert.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_backdrop.scss b/alphabetlearning/static/scss/mixins/_backdrop.scss
index 9705ae9..9705ae9 100644
--- a/pyblackbird_cc/static/scss/mixins/_backdrop.scss
+++ b/alphabetlearning/static/scss/mixins/_backdrop.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_banner.scss b/alphabetlearning/static/scss/mixins/_banner.scss
index 20c2fd1..20c2fd1 100644
--- a/pyblackbird_cc/static/scss/mixins/_banner.scss
+++ b/alphabetlearning/static/scss/mixins/_banner.scss
diff --git a/alphabetlearning/static/scss/mixins/_border-radius.scss b/alphabetlearning/static/scss/mixins/_border-radius.scss
new file mode 100644
index 0000000..616decb
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_border-radius.scss
@@ -0,0 +1,78 @@
+// stylelint-disable property-disallowed-list
+// Single side border-radius
+
+// Helper function to replace negative values with 0
+@function valid-radius($radius) {
+  $return: ();
+  @each $value in $radius {
+    @if type-of($value) == number {
+      $return: append($return, max($value, 0));
+    } @else {
+      $return: append($return, $value);
+    }
+  }
+  @return $return;
+}
+
+// scss-docs-start border-radius-mixins
+@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
+  @if $enable-rounded {
+    border-radius: valid-radius($radius);
+  }
+  @else if $fallback-border-radius != false {
+    border-radius: $fallback-border-radius;
+  }
+}
+
+@mixin border-top-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-top-left-radius: valid-radius($radius);
+    border-top-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-end-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-top-right-radius: valid-radius($radius);
+    border-bottom-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-bottom-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-bottom-right-radius: valid-radius($radius);
+    border-bottom-left-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-start-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-top-left-radius: valid-radius($radius);
+    border-bottom-left-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-top-start-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-top-left-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-top-end-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-top-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-bottom-end-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-bottom-right-radius: valid-radius($radius);
+  }
+}
+
+@mixin border-bottom-start-radius($radius: $border-radius) {
+  @if $enable-rounded {
+    border-bottom-left-radius: valid-radius($radius);
+  }
+}
+// scss-docs-end border-radius-mixins
diff --git a/alphabetlearning/static/scss/mixins/_box-shadow.scss b/alphabetlearning/static/scss/mixins/_box-shadow.scss
new file mode 100644
index 0000000..4172541
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_box-shadow.scss
@@ -0,0 +1,18 @@
+@mixin box-shadow($shadow...) {
+  @if $enable-shadows {
+    $result: ();
+
+    @each $value in $shadow {
+      @if $value != null {
+        $result: append($result, $value, "comma");
+      }
+      @if $value == none and length($shadow) > 1 {
+        @warn "The keyword 'none' must be used as a single argument.";
+      }
+    }
+
+    @if (length($result) > 0) {
+      box-shadow: $result;
+    }
+  }
+}
diff --git a/pyblackbird_cc/static/scss/mixins/_breakpoints.scss b/alphabetlearning/static/scss/mixins/_breakpoints.scss
index 286be89..286be89 100644
--- a/pyblackbird_cc/static/scss/mixins/_breakpoints.scss
+++ b/alphabetlearning/static/scss/mixins/_breakpoints.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_buttons.scss b/alphabetlearning/static/scss/mixins/_buttons.scss
index cf087fd..cf087fd 100644
--- a/pyblackbird_cc/static/scss/mixins/_buttons.scss
+++ b/alphabetlearning/static/scss/mixins/_buttons.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_caret.scss b/alphabetlearning/static/scss/mixins/_caret.scss
index be73116..be73116 100644
--- a/pyblackbird_cc/static/scss/mixins/_caret.scss
+++ b/alphabetlearning/static/scss/mixins/_caret.scss
diff --git a/alphabetlearning/static/scss/mixins/_clearfix.scss b/alphabetlearning/static/scss/mixins/_clearfix.scss
new file mode 100644
index 0000000..ffc62bb
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_clearfix.scss
@@ -0,0 +1,9 @@
+// scss-docs-start clearfix
+@mixin clearfix() {
+  &::after {
+    display: block;
+    clear: both;
+    content: "";
+  }
+}
+// scss-docs-end clearfix
diff --git a/pyblackbird_cc/static/scss/mixins/_color-mode.scss b/alphabetlearning/static/scss/mixins/_color-mode.scss
index 03338b0..03338b0 100644
--- a/pyblackbird_cc/static/scss/mixins/_color-mode.scss
+++ b/alphabetlearning/static/scss/mixins/_color-mode.scss
diff --git a/alphabetlearning/static/scss/mixins/_color-scheme.scss b/alphabetlearning/static/scss/mixins/_color-scheme.scss
new file mode 100644
index 0000000..90497aa
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_color-scheme.scss
@@ -0,0 +1,7 @@
+// scss-docs-start mixin-color-scheme
+@mixin color-scheme($name) {
+  @media (prefers-color-scheme: #{$name}) {
+    @content;
+  }
+}
+// scss-docs-end mixin-color-scheme
diff --git a/pyblackbird_cc/static/scss/mixins/_container.scss b/alphabetlearning/static/scss/mixins/_container.scss
index b9f3351..b9f3351 100644
--- a/pyblackbird_cc/static/scss/mixins/_container.scss
+++ b/alphabetlearning/static/scss/mixins/_container.scss
diff --git a/alphabetlearning/static/scss/mixins/_deprecate.scss b/alphabetlearning/static/scss/mixins/_deprecate.scss
new file mode 100644
index 0000000..df070bc
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_deprecate.scss
@@ -0,0 +1,10 @@
+// Deprecate mixin
+//
+// This mixin can be used to deprecate mixins or functions.
+// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
+// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
+@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
+  @if ($enable-deprecation-messages != false and $ignore-warning != true) {
+    @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
+  }
+}
diff --git a/pyblackbird_cc/static/scss/mixins/_forms.scss b/alphabetlearning/static/scss/mixins/_forms.scss
index 00b4764..00b4764 100644
--- a/pyblackbird_cc/static/scss/mixins/_forms.scss
+++ b/alphabetlearning/static/scss/mixins/_forms.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_gradients.scss b/alphabetlearning/static/scss/mixins/_gradients.scss
index 608e18d..608e18d 100644
--- a/pyblackbird_cc/static/scss/mixins/_gradients.scss
+++ b/alphabetlearning/static/scss/mixins/_gradients.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_grid.scss b/alphabetlearning/static/scss/mixins/_grid.scss
index ea30739..ea30739 100644
--- a/pyblackbird_cc/static/scss/mixins/_grid.scss
+++ b/alphabetlearning/static/scss/mixins/_grid.scss
diff --git a/alphabetlearning/static/scss/mixins/_image.scss b/alphabetlearning/static/scss/mixins/_image.scss
new file mode 100644
index 0000000..e1df779
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_image.scss
@@ -0,0 +1,16 @@
+// Image Mixins
+// - Responsive image
+// - Retina image
+
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+
+@mixin img-fluid {
+  // Part 1: Set a maximum relative to the parent
+  max-width: 100%;
+  // Part 2: Override the height to auto, otherwise images will be stretched
+  // when setting a width and height attribute on the img element.
+  height: auto;
+}
diff --git a/pyblackbird_cc/static/scss/mixins/_list-group.scss b/alphabetlearning/static/scss/mixins/_list-group.scss
index 6274f34..6274f34 100644
--- a/pyblackbird_cc/static/scss/mixins/_list-group.scss
+++ b/alphabetlearning/static/scss/mixins/_list-group.scss
diff --git a/alphabetlearning/static/scss/mixins/_lists.scss b/alphabetlearning/static/scss/mixins/_lists.scss
new file mode 100644
index 0000000..2518562
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_lists.scss
@@ -0,0 +1,7 @@
+// Lists
+
+// Unstyled keeps list items block level, just removes default browser padding and list-style
+@mixin list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
diff --git a/pyblackbird_cc/static/scss/mixins/_pagination.scss b/alphabetlearning/static/scss/mixins/_pagination.scss
index 0d65796..0d65796 100644
--- a/pyblackbird_cc/static/scss/mixins/_pagination.scss
+++ b/alphabetlearning/static/scss/mixins/_pagination.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_reset-text.scss b/alphabetlearning/static/scss/mixins/_reset-text.scss
index f5bd1af..f5bd1af 100644
--- a/pyblackbird_cc/static/scss/mixins/_reset-text.scss
+++ b/alphabetlearning/static/scss/mixins/_reset-text.scss
diff --git a/alphabetlearning/static/scss/mixins/_resize.scss b/alphabetlearning/static/scss/mixins/_resize.scss
new file mode 100644
index 0000000..66f233a
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_resize.scss
@@ -0,0 +1,6 @@
+// Resize anything
+
+@mixin resizable($direction) {
+  overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+  resize: $direction; // Options: horizontal, vertical, both
+}
diff --git a/pyblackbird_cc/static/scss/mixins/_table-variants.scss b/alphabetlearning/static/scss/mixins/_table-variants.scss
index 5fe1b9b..5fe1b9b 100644
--- a/pyblackbird_cc/static/scss/mixins/_table-variants.scss
+++ b/alphabetlearning/static/scss/mixins/_table-variants.scss
diff --git a/alphabetlearning/static/scss/mixins/_text-truncate.scss b/alphabetlearning/static/scss/mixins/_text-truncate.scss
new file mode 100644
index 0000000..3504bb1
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_text-truncate.scss
@@ -0,0 +1,8 @@
+// Text truncate
+// Requires inline-block or block for proper styling
+
+@mixin text-truncate() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
diff --git a/alphabetlearning/static/scss/mixins/_transition.scss b/alphabetlearning/static/scss/mixins/_transition.scss
new file mode 100644
index 0000000..d437f6d
--- /dev/null
+++ b/alphabetlearning/static/scss/mixins/_transition.scss
@@ -0,0 +1,26 @@
+// stylelint-disable property-disallowed-list
+@mixin transition($transition...) {
+  @if length($transition) == 0 {
+    $transition: $transition-base;
+  }
+
+  @if length($transition) > 1 {
+    @each $value in $transition {
+      @if $value == null or $value == none {
+        @warn "The keyword 'none' or 'null' must be used as a single argument.";
+      }
+    }
+  }
+
+  @if $enable-transitions {
+    @if nth($transition, 1) != null {
+      transition: $transition;
+    }
+
+    @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
+      @media (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
+    }
+  }
+}
diff --git a/pyblackbird_cc/static/scss/mixins/_utilities.scss b/alphabetlearning/static/scss/mixins/_utilities.scss
index 4795e89..4795e89 100644
--- a/pyblackbird_cc/static/scss/mixins/_utilities.scss
+++ b/alphabetlearning/static/scss/mixins/_utilities.scss
diff --git a/pyblackbird_cc/static/scss/mixins/_visually-hidden.scss b/alphabetlearning/static/scss/mixins/_visually-hidden.scss
index 082aeec..082aeec 100644
--- a/pyblackbird_cc/static/scss/mixins/_visually-hidden.scss
+++ b/alphabetlearning/static/scss/mixins/_visually-hidden.scss