@spark-hire/bootstrap-themes 1.1.2 → 1.1.3-reference-checks-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-hire/bootstrap-themes",
-  "version": "1.1.2",
+  "version": "1.1.3-reference-checks-2",
   "description": "Custom Bootstrap 4 Themes",
   "repository": {
     "type": "git",

package/scss/_functions.scss

@@ -0,0 +1,3 @@
+@function pxToRem($px) {
+  @return ($px / 16) + rem;
+}

package/scss/buttons.scss

@@ -22,6 +22,7 @@
 @mixin button-svg($color) {
   svg {
     fill: color-yiq($color);
+    transition: fill 0.175s ease-in-out;
   }
 
   &:focus,
@@ -51,6 +52,7 @@
 @mixin button-outline-svg($color) {
   svg {
     fill: $color;
+    transition: fill 0.175s ease-in-out;
   }
 
   &:focus,

package/scss/fonts.scss

@@ -1,5 +1,6 @@
 @import url('https://assets.sparkhire.com/app-fonts/css/source-sans-pro.css');
 @import url('https://assets.sparkhire.com/app-fonts/css/roboto.css');
+@import './functions';
 
 html, body {
   font-family: 'Source Sans Pro', sans-serif;
@@ -38,3 +39,85 @@ small {
 .font-weight-semi-bold {
   font-weight: 600 !important;
 }
+
+@mixin font-size-xxl {
+  font-size: pxToRem(28)!important;
+}
+
+@mixin font-size-xl {
+  font-size: pxToRem(22)!important;
+}
+
+@mixin font-size-lg {
+  font-size: pxToRem(18)!important;
+}
+
+@mixin font-size-md {
+  font-size: pxToRem(16)!important;
+}
+
+@mixin font-size-sm {
+  font-size: pxToRem(14)!important;
+}
+
+@mixin font-size-xs {
+  font-size: pxToRem(12)!important;
+}
+
+// Beta rollout
+.typography-beta-rollout {
+  font-family: 'Roboto', sans-serif!important;
+
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'Roboto', sans-serif;
+    font-weight: 600;
+  }
+
+  h1 {
+    @include font-size-xxl;
+  }
+
+  h2 {
+    @include font-size-xl;
+  }
+
+  h3 {
+    @include font-size-lg;
+  }
+
+  h4 {
+    @include font-size-md;
+  }
+
+  h5 {
+    @include font-size-sm;
+  }
+
+  h6 {
+    @include font-size-xs;
+  }
+}
+
+.font-size-xxl {
+  @include font-size-xxl;
+}
+
+.font-size-xl {
+  @include font-size-xl;
+}
+
+.font-size-lg {
+  @include font-size-lg;
+}
+
+.font-size-md {
+  @include font-size-md;
+}
+
+.font-size-sm {
+  @include font-size-sm;
+}
+
+.font-size-xs {
+  @include font-size-xs;
+}

package/svg/icons/app-icons/library-reference-check.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="uuid-e3db87af-0972-4656-8ce2-e706823223f2"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 64 64"
+	 style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#1A1A1A;}
+</style>
+<path class="st0" d="M49.9,16.4v-1.8c0-0.7-0.5-1.2-1.2-1.2H22.5L18,8.9c-0.2-0.2-0.5-0.4-0.9-0.4H5.1C4.4,8.5,3.9,9,3.9,9.7L4,44.1
+	c0,0.7,0.5,1.2,1.2,1.2H7L6.9,20c0-2,1.6-3.6,3.6-3.6C10.6,16.4,49.9,16.4,49.9,16.4z"/>
+<path class="st0" d="M55.9,22.7v-2.2c0-0.7-0.5-1.2-1.2-1.2l-43,0c-0.7,0-1.2,0.5-1.2,1.2l0,29.5c0,0.7,0.5,1.2,1.2,1.2l1.6,0
+	l0-24.9c0-2,1.6-3.6,3.6-3.6L55.9,22.7L55.9,22.7z"/>
+<g>
+	<path class="st0" d="M43.5,35.8c-0.2-0.1-0.5-0.1-0.7,0l-5.7,5.4l-3.2-1.5c-0.2-0.1-0.5,0-0.7,0.2l-0.8,1c-0.1,0.2-0.1,0.5,0,0.7
+		l4,4c0.6,0.6,1.5,0.6,2.1,0.1c0.1-0.1,0.2-0.2,0.2-0.3l5.6-8.3c0.1-0.2,0.1-0.5-0.1-0.6L43.5,35.8z"/>
+	<path class="st0" d="M59,25.5H17.9c-0.6,0-1.1,0.5-1.1,1.2v27.7c0,0.6,0.5,1.1,1.1,1.1H59c0.6,0,1.1-0.5,1.1-1.1V26.6
+		C60.1,26,59.6,25.5,59,25.5z M38.7,51.3c-6,0-10.8-4.9-10.8-10.8c0-6,4.9-10.8,10.8-10.8c6,0,10.8,4.9,10.8,10.8
+		C49.6,46.5,44.7,51.3,38.7,51.3z"/>
+</g>
+</svg>