Initial commit

assets/css/cb.scss

@@ -0,0 +1,43 @@
+---
+# base CSS for collectionbuilder
+# includes some theming options
+# pulled in from "theme.yml" and "config-theme-colors.csv"
+---
+@charset "utf-8";
+
+/* base variables pulled from theme.yml */
+$theme-base-font-family: {{ site.data.theme.base-font-family | default: '""' }};
+$theme-base-font-size: {{ site.data.theme.base-font-size | default: '""' }};
+$theme-text-color: {{ site.data.theme.text-color | default: '""' }};
+$theme-link-color: {{ site.data.theme.link-color | default: '""' }};
+
+/* base tweaks to Bootstrap */
+@forward "base" with (
+  $base-font-family: $theme-base-font-family,
+  $base-font-size: $theme-base-font-size,
+  $text-color: $theme-text-color,
+  $link-color: $theme-link-color
+);
+
+/* individual CB page styles */
+@forward "pages" with (
+  $toc-a-color: {{ site.data.theme.text-color | default: '#191919' }}
+); 
+
+/* theme colors pulled from config-theme-colors */
+{% assign btns = site.data.config-theme-colors | where_exp: "item","item.color != nil" %}
+{% if btns != empty %}
+@use "sass:map";
+@forward "theme-colors" with (
+  $link-color-base: $theme-link-color,
+  $theme-colors: (
+    {% for btn in btns %}{% assign color = btn.color | strip %}{% if color != empty %}
+    "{{ btn.color_class | slugify }}": {{ color }}{% unless forloop.last %},{% endunless %}
+    {% endif %}{% endfor %}
+  )
+
+);
+{% endif %}
+
+/* pull in custom styles to override everything else */
+@use "custom";