init commit

assets/scss/_bootscore-custom.scss

@@ -0,0 +1,155 @@
+/*!
+ * Bootscore custom styles
+ */
+
+// Add your own code here!
+// Because this file is compiled after Bootstrap, you're also able to use Bootstrap mixins for better code.
+// Some examples can be found here: https://bootscore.me/documentation/bootstrap-css-sass
+
+/* NAVIGATION */
+#nav-main {
+    height: 70px;
+    .container {
+        width: 1320px;
+    }
+    .nav-link {
+        text-transform: uppercase;
+        font-size: 13px;
+    }
+}
+
+/* Is required to show the svg logo */
+.navbar-brand {
+    width: 150px;
+}
+
+
+/* CUSTOM BLOCK MOBILE SUPPORT */
+@include media-breakpoint-up(md) {
+    body:not(.wp-admin) .wp-block-create-block-featured-image-block {
+		.call-to-action {
+            width: 350px;
+			margin-right: 100px;
+		}
+	}
+
+}
+
+
+
+/* DEFAULT BLOCK OVERRIDES */
+:root :where(p.has-background) {
+    padding:.5em;
+}
+
+.wp-block-cover, .wp-block-cover-image {
+    min-height: auto;
+}
+/* COVER control the spacing on the left and right */ 
+.wp-block-cover.is-light {
+    .has-text-align-left {
+        margin-left: 0 !important;
+    }
+    .has-text-align-right {
+        margin-right: 0 !important;
+    }
+}
+
+@include media-breakpoint-up(md) {
+    :root :where(p.has-background) {
+        padding:1.25em 2.375em;
+    }
+}
+
+
+/* HOMEPAGE SPECIFIC STYLING PER BLOCK */
+/* Crane block */
+.homepage-crane {
+    .wp-block-cover__image-background {
+        background-position: right 35% top 20% !important;
+    }
+}
+
+.home {
+    #content {
+        padding-top: 0 !important;
+    }
+    .entry-header {
+        display: none;
+    }
+}
+
+.footer-crane {
+    .wp-block-cover__image-background {
+        background-position: 760% 20% !important;
+        background-attachment: initial;
+        background-repeat: no-repeat;
+        background-size: auto;
+    }
+}
+
+/* Footer */
+
+#footer {
+    .bootscore-footer-columns {
+        // background-color: black;
+        color: white;
+        a {
+            color: white;
+        }
+    }
+}
+
+/* Custom Style for core/cover block */
+.is-style-fixed-height-272 {
+    height: 272px;
+}
+.is-style-fixed-height-300 {
+    height: 300px;
+}
+.is-style-fixed-height-400 {
+    height: 400px;
+}
+
+// /* FIXME: merge buttons to be bootstrap by amending the classes here in core/button. Then update theme.json */
+// .wp-block-button__link {
+//     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+//     &:hover {
+//         color: #fff;
+//         background-color: #c20512;
+//         border-color: #b70511;    
+//     }
+// }
+
+.is-style-bootstrap-primary > a,
+.is-style-bootstrap-primary > div {
+    @extend .btn;
+    @extend .btn-primary;
+    @extend .btn-lg;
+}
+
+.is-style-bootstrap-dark > a,
+.is-style-bootstrap-dark > div {
+    @extend .btn;
+    @extend .btn-dark;
+    @extend .btn-lg;
+}
+
+/* Page */
+.featured-full-width-img {
+    height: 400px;
+}
+
+#secondary {
+    height: 100%;
+}
+
+#sidebar {
+    position: sticky;
+    a:not(.active) {
+        color: black;
+    }
+    li {
+        padding: 0.25rem 0;
+    }
+}

assets/scss/_bootscore-utilities.scss

@@ -0,0 +1,4 @@
+/*
+  Use this file to add your own custom utility classes.
+  https://getbootstrap.com/docs/5.3/utilities/api/
+*/

assets/scss/_bootscore-variables.scss

@@ -0,0 +1,23 @@
+// In this file you can override the default variables of Bootstrap
+// Do you want primary to be green? Just add "$primary: #00FF00;" to this file and the theme will automatically compile the scss for you.
+$primary: #e30613;
+$secondary: #cccccc;
+$tertiary: #f5f5f5;
+
+
+$navbar-light-color: white;
+$navbar-light-hover-color: darken(white, 10%);
+$navbar-light-active-color: white;
+
+$btn-border-radius: 0;
+$btn-border-radius-sm: 0;
+$btn-border-radius-lg: 0;
+
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+  xxl: 1400px
+);
+

assets/scss/editor.scss

@@ -0,0 +1,14 @@
+/*!
+  * editor.scss
+  * This file compiles Bootstrap colors, which are used in theme.json as variables, 
+  * and adds the compiled colors to the color picker in the sidebar.
+  */
+@import "bootstrap/functions";
+
+@import "bootscore-variables";
+
+@import "bootstrap/variables";
+@import "bootstrap/variables-dark";
+@import "bootstrap/maps";
+@import "bootstrap/mixins";
+@import "bootstrap/root";

assets/scss/main.scss

@@ -0,0 +1,58 @@
+@import "bootstrap/mixins/banner";
+@include bsBanner("");
+
+@import "bootstrap/functions";
+
+@import "bootscore-variables";
+
+@import "bootstrap/variables";
+@import "bootstrap/variables-dark";
+
+@import "bootscore-maps";
+
+@import "bootstrap/maps";
+@import "bootstrap/mixins";
+
+@import "bootstrap/utilities";
+
+@import "bootscore-utilities";
+
+@import "bootstrap/root";
+@import "bootstrap/reboot";
+@import "bootstrap/type";
+@import "bootstrap/images";
+@import "bootstrap/containers";
+@import "bootstrap/grid";
+@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+@import "bootstrap/transitions";
+@import "bootstrap/dropdown";
+@import "bootstrap/button-group";
+@import "bootstrap/nav";
+@import "bootstrap/navbar";
+@import "bootstrap/card";
+@import "bootstrap/accordion";
+@import "bootstrap/breadcrumb";
+@import "bootstrap/pagination";
+@import "bootstrap/badge";
+@import "bootstrap/alert";
+@import "bootstrap/progress";
+@import "bootstrap/list-group";
+@import "bootstrap/close";
+@import "bootstrap/toasts";
+@import "bootstrap/modal";
+@import "bootstrap/tooltip";
+@import "bootstrap/popover";
+@import "bootstrap/carousel";
+@import "bootstrap/spinners";
+@import "bootstrap/offcanvas";
+@import "bootstrap/placeholders";
+
+@import "bootstrap/helpers";
+
+@import "bootstrap/utilities/api";
+
+@import "bootscore-style";
+@import "bootscore-woocommerce"; // Comment or delete this line if WooCommerce styles are not needed
+@import "bootscore-custom";