1 files changed, 102 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_ibs/_base.scss b/src/assets/styles/bmc/_ibs/_base.scss
new file mode 100644
index 00000000..40806995
--- /dev/null
+++ b/src/assets/styles/bmc/_ibs/_base.scss
@@ -0,0 +1,102 @@
+
+//
+// Scrollbars:
+//
+/* W3C standard: Firefox only */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(12,32,64,.7) transparent;
+}
+
+/* For Chrome/Edge/Safari */
+*::-webkit-scrollbar {
+  height: 3px;
+  width: 3px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: rgba(12,32,64,.7);
+  border-radius: 2px;
+  border: 2px solid transparent;
+}
+
+//
+// Headers:
+//
+h1,
+.h1 {
+  font-size: 2.25rem !important;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h2,
+.h2 {
+  font-size: 1.5rem !important;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h3,
+.h3 {
+  font-size: 1.5rem !important;
+  font-weight: 400;
+  line-height: 1.2;
+}
+
+h4,
+.h4 {
+  font-size: 1.25rem !important;
+  font-weight: 400;
+  line-height: 1.2;
+}
+
+h5,
+.h5 {
+  font-size: 1rem !important;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h6,
+.h6 {
+  font-size: 0.825rem !important;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+
+.navbar-brand {
+  font-size: 1.4rem !important;
+}
+
+.nav-link--current{
+  background-color: $red-light-background !important;
+  color: $red !important;
+  &:hover,
+  &:focus {
+    background-color: $red-light-background !important;
+    color: $red !important;
+  }
+}
+
+.btn-link:active, .nav-link:active {
+  background-color: $red-light-background !important;
+  color: $red !important;
+}
+
+.app-header .navbar-text, .app-header .nav-link, .app-header .btn-link {
+  &:hover {
+    background-color: $red-40 !important;
+  }
+  &:active {
+    background-color: $red-active !important;
+  }
+  &:focus {
+    outline: 0;
+  }
+}