aboutsummaryrefslogtreecommitdiffstats
path: root/alphabetlearning/static/scss/custom.scss
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-10-15 21:01:31 +0100
committerMatthew Lemon <y@yulqen.org>2024-10-15 21:01:31 +0100
commiteeaddb27560d723ca7d61359744ceb2709fccd2d (patch)
tree04ddbc49ae7b73d5f5a9e1716d7227aecd3b9f85 /alphabetlearning/static/scss/custom.scss
parent7a3044c859043837e6c7c95bb4894d04e9b2cbc2 (diff)
Renamed from pyblackbird_cc to alphabetlearning - everywhere
Diffstat (limited to 'alphabetlearning/static/scss/custom.scss')
-rw-r--r--alphabetlearning/static/scss/custom.scss101
1 files changed, 101 insertions, 0 deletions
diff --git a/alphabetlearning/static/scss/custom.scss b/alphabetlearning/static/scss/custom.scss
new file mode 100644
index 0000000..b65db4c
--- /dev/null
+++ b/alphabetlearning/static/scss/custom.scss
@@ -0,0 +1,101 @@
+// Custom.scss
+// Option B: Include parts of Bootstrap
+
+// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
+@import "functions";
+
+// 2. Include any default variable overrides here
+$ey-literacy: #ebde34;
+$display-font-weight: 600;
+$ml-font-label-weight: 500;
+
+// 3. Include remainder of required Bootstrap stylesheets
+@import "variables";
+@import "variables-dark";
+@import "maps";
+@import "mixins";
+@import "utilities";
+
+// 4. Include any optional Bootstrap components as you like
+@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");
+}
+
+.carousel-control-next-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='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.my-card-text {
+ color: #444444;
+ font-size: 0.9rem;
+}
+
+.ey-literacy {
+ background-color: $ey-literacy;
+ color: black;
+}
+
+.ey-literacy_border {
+ border-color: $ey-literacy;
+ border-width: 0.6em;
+}
+
+.form-label {
+ font-weight: $ml-font-label-weight;
+}
+
+
+// These are the colours we need to colourise categories:
+
+// - English as a Foreign Language: cyan
+// - Literacy: green
+// - Maths: magenta
+// - English: red
+// - EYs Maths: #343aeb
+// - EYs Literacy: #ebde34
+// - Alphabet: no colour yet
+
+.category_colour_efl {
+ color: cyan;
+}
+
+.category_colour_literacy {
+ color: green;
+}
+
+.category_colour_maths {
+ color: magenta;
+}
+
+.category_colour_eymaths {
+ color: #343aeb ;
+}
+
+.category_colour_eyliteracy {
+ color: #ebde34 ;
+}
+
+.category_colour_alphabet {
+ color: black ;
+}
+
+
+.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";