bullframe.css 3.8.1 → 4.0.1

package/src/scss/utilities/_utility-z-index.scss

@@ -1,83 +1,83 @@
-.bf-z-index-1 {
-  z-index: 1;
-}
-
-.bf-z-index-2 {
-  z-index: 2;
-}
-
-.bf-z-index-3 {
-  z-index: 3;
-}
-
-.bf-z-index-4 {
-  z-index: 4;
-}
-
-.bf-z-index-5 {
-  z-index: 5;
-}
-
-.bf-z-index-6 {
-  z-index: 6;
-}
-
-.bf-z-index-7 {
-  z-index: 7;
-}
-
-.bf-z-index-8 {
-  z-index: 8;
-}
-
-.bf-z-index-9 {
-  z-index: 9;
-}
-
-.bf-z-index-10 {
-  z-index: 10;
-}
-
-.bf-z-index-20 {
-  z-index: 20;
-}
-
-.bf-z-index-30 {
-  z-index: 30;
-}
-
-.bf-z-index-40 {
-  z-index: 40;
-}
-
-.bf-z-index-50 {
-  z-index: 50;
-}
-
-.bf-z-index-60 {
-  z-index: 60;
-}
-
-.bf-z-index-70 {
-  z-index: 70;
-}
-
-.bf-z-index-80 {
-  z-index: 80;
-}
-
-.bf-z-index-90 {
-  z-index: 90;
-}
-
-.bf-z-index-100 {
-  z-index: 100;
-}
-
-.bf-z-index-200 {
-  z-index: 200;
-}
-
-.bf-z-index-300 {
-  z-index: 200;
+.bf-z-index-1 {
+  z-index: 1;
+}
+
+.bf-z-index-2 {
+  z-index: 2;
+}
+
+.bf-z-index-3 {
+  z-index: 3;
+}
+
+.bf-z-index-4 {
+  z-index: 4;
+}
+
+.bf-z-index-5 {
+  z-index: 5;
+}
+
+.bf-z-index-6 {
+  z-index: 6;
+}
+
+.bf-z-index-7 {
+  z-index: 7;
+}
+
+.bf-z-index-8 {
+  z-index: 8;
+}
+
+.bf-z-index-9 {
+  z-index: 9;
+}
+
+.bf-z-index-10 {
+  z-index: 10;
+}
+
+.bf-z-index-20 {
+  z-index: 20;
+}
+
+.bf-z-index-30 {
+  z-index: 30;
+}
+
+.bf-z-index-40 {
+  z-index: 40;
+}
+
+.bf-z-index-50 {
+  z-index: 50;
+}
+
+.bf-z-index-60 {
+  z-index: 60;
+}
+
+.bf-z-index-70 {
+  z-index: 70;
+}
+
+.bf-z-index-80 {
+  z-index: 80;
+}
+
+.bf-z-index-90 {
+  z-index: 90;
+}
+
+.bf-z-index-100 {
+  z-index: 100;
+}
+
+.bf-z-index-200 {
+  z-index: 200;
+}
+
+.bf-z-index-300 {
+  z-index: 200;
 }

package/src/scss/variables/_variables-breakpoints.scss

@@ -1,5 +1,5 @@
-$bf-breakpoint-xs: 0;
-$bf-breakpoint-sm: 576px;
-$bf-breakpoint-md: 768px;
-$bf-breakpoint-lg: 992px;
-$bf-breakpoint-xl: 1200px;
+$bf-breakpoint-xs: 0;
+$bf-breakpoint-sm: 576px;
+$bf-breakpoint-md: 768px;
+$bf-breakpoint-lg: 992px;
+$bf-breakpoint-xl: 1200px;

package/src/scss/variables/_variables-colors.scss

@@ -1,31 +1,31 @@
-// ! CSS Variables (Custom Properties) are not IE-friendly
-// https://caniuse.com/#feat=css-variables
-// let's Sass do the job instead
-
-// customise/enlarge this small selection as needed
-
-// hex to rgba online converter http://www.hex2rgba.devoth.com/
-
-// backgrounds, texts and borders
-$bf-white: #fff; // rgba(255,255,255,1)
-$bf-light: #f0f0f0; // rgba(240,240,240,1)
-$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)
-$bf-gray-light: #ccc; // rgba(204,204,204,1)
-$bf-gray: #999; // rgba(153,153,153,1)
-$bf-gray-dark: #666; // rgba(102,102,102,1)
-$bf-gray-dark-extra: #333; // rgba(51,51,51,1)
-$bf-dark: #222; // rgba(34,34,34,1)
-$bf-dark-extra: #111; // rgba(17,17,17,1)
-$bf-black: #000; // rgba(0,0,0,1)
-
-// <mark> and <ins>
-$bf-yellow-light: #ff9; // rgba(255,255,153,1)
-$bf-yellow: #ff0; // rgba(255,255,0,1)
-
-// anchors and accent
-$bf-blue: #007bff; // rgba(0,123,255,1)
-$bf-blue-light: #0056b3; // rgba(0,86,179,1)
-$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)
-
-// invalid forms
-$bf-red: #ff0000; // rgba(255,0,0,1)
+// ! CSS Variables (Custom Properties) are not IE-friendly
+// https://caniuse.com/#feat=css-variables
+// let's Sass do the job instead
+
+// customise/enlarge this small selection as needed
+
+// hex to rgba online converter http://www.hex2rgba.devoth.com/
+
+// backgrounds, texts and borders
+$bf-white: #fff; // rgba(255,255,255,1)
+$bf-light: #f0f0f0; // rgba(240,240,240,1)
+$bf-gray-light-extra: #e9e9e9; // rgba(233,233,233,1)
+$bf-gray-light: #ccc; // rgba(204,204,204,1)
+$bf-gray: #999; // rgba(153,153,153,1)
+$bf-gray-dark: #666; // rgba(102,102,102,1)
+$bf-gray-dark-extra: #333; // rgba(51,51,51,1)
+$bf-dark: #222; // rgba(34,34,34,1)
+$bf-dark-extra: #111; // rgba(17,17,17,1)
+$bf-black: #000; // rgba(0,0,0,1)
+
+// <mark> and <ins>
+$bf-yellow-light: #ff9; // rgba(255,255,153,1)
+$bf-yellow: #ff0; // rgba(255,255,0,1)
+
+// anchors and accent
+$bf-blue: #007bff; // rgba(0,123,255,1)
+$bf-blue-light: #0056b3; // rgba(0,86,179,1)
+$bf-blue-light-extra: #bed8fe; //rgba(190, 216, 254, 1)
+
+// invalid forms
+$bf-red: #ff0000; // rgba(255,0,0,1)

package/src/scss/variables/_variables-spacing.scss

@@ -1,26 +1,26 @@
-// customise this spacing selection as needed
-
-// the REM unit is the default,
-// preceded by the PX unit as fallback for old browsers (IE)
-// https://caniuse.com/#search=rem
-//
-// e.g.
-// html { font-size: 62.5%; }
-// body { font-size: 16px; }
-// h1 { font-size: 30px; font-size: 3rem; }
-
-$bf-spacing-sm-px: 2.5px;
-$bf-spacing-md-px: 5px;
-$bf-spacing-lg-px: 10px;
-$bf-spacing-xl-px: 20px;
-$bf-spacing-xxl-px: 30px;
-
-$bf-spacing-sm-rem: .25rem;
-$bf-spacing-md-rem: .5rem;
-$bf-spacing-lg-rem: 1rem;
-$bf-spacing-xl-rem: 2rem;
-$bf-spacing-xxl-rem: 3rem;
-
-// ! grid system only
-$bf-spacing-grid-gutter-px: 15px;
+// customise this spacing selection as needed
+
+// the REM unit is the default,
+// preceded by the PX unit as fallback for old browsers (IE)
+// https://caniuse.com/#search=rem
+//
+// e.g.
+// html { font-size: 62.5%; }
+// body { font-size: 16px; }
+// h1 { font-size: 30px; font-size: 3rem; }
+
+$bf-spacing-sm-px: 2.5px;
+$bf-spacing-md-px: 5px;
+$bf-spacing-lg-px: 10px;
+$bf-spacing-xl-px: 20px;
+$bf-spacing-xxl-px: 30px;
+
+$bf-spacing-sm-rem: .25rem;
+$bf-spacing-md-rem: .5rem;
+$bf-spacing-lg-rem: 1rem;
+$bf-spacing-xl-rem: 2rem;
+$bf-spacing-xxl-rem: 3rem;
+
+// ! grid system only
+$bf-spacing-grid-gutter-px: 15px;
 $bf-spacing-grid-gutter-rem: 1.5rem;

package/src/scss/variables/_variables-texts.scss

@@ -1,12 +1,12 @@
-$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-  Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,
-  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-
-$bf-font-serif: Georgia, Times, 'Times New Roman', serif;
-
-$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-  'Courier New', monospace;
-
-$bf-body-font-size-px: 16px;
-$bf-body-font-size-rem: 1.6rem;
-$bf-body-line-height: 1.5;
+$bf-font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+  Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif,
+  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+$bf-font-serif: Georgia, Times, 'Times New Roman', serif;
+
+$bf-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+  'Courier New', monospace;
+
+$bf-body-font-size-px: 16px;
+$bf-body-font-size-rem: 1.6rem;
+$bf-body-line-height: 1.5;