@finqu/cool 1.0.0

package/scss/mixins/_grid.scss

@@ -0,0 +1,60 @@
+// Grid
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin make-container($gutter: $grid-gutter-width) {
+    width: 100%;
+    padding-right: $gutter / 2;
+    padding-left: $gutter / 2;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+@mixin make-container-content($gutter: $grid-gutter-width) {
+    width: 100%;
+    max-width: $container-content-max-width;
+    padding-right: $gutter / 2;
+    padding-left: $gutter / 2;
+    margin-right: auto;
+    margin-left: auto;
+
+    @include media-breakpoint-up(md) {
+        padding-right: $gutter;
+        padding-left: $gutter;
+    }
+}
+
+@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
+
+    @each $breakpoint, $container-max-width in $max-widths {
+
+        @include media-breakpoint-up($breakpoint, $breakpoints) {
+            max-width: $container-max-width;
+        }
+    }
+}
+
+@mixin make-row($gutter: $grid-gutter-width) {
+    display: flex;
+    flex-wrap: wrap;
+    margin-right: -$gutter / 2;
+    margin-left: -$gutter / 2;
+}
+
+@mixin make-col-ready($gutter: $grid-gutter-width) {
+    position: relative;
+    width: 100%;
+    padding-right: $gutter / 2;
+    padding-left: $gutter / 2;
+}
+
+@mixin make-col($size, $columns: $grid-columns) {
+    flex: 0 0 percentage($size / $columns);
+    max-width: percentage($size / $columns);
+}
+
+@mixin make-col-offset($size, $columns: $grid-columns) {
+
+    $num: $size / $columns;
+
+    margin-left: if($num == 0, 0, percentage($num));
+}

package/scss/mixins/_nav-divider.scss

@@ -0,0 +1,9 @@
+// Nav divider
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
+	height: 0;
+	margin: $margin-y 0;
+	overflow: hidden;
+	border-top: 1px solid $color;
+}

package/scss/mixins/_object-fit.scss

@@ -0,0 +1,16 @@
+// Object fit
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin object-fit($fit: fill, $position: null) {
+
+    -o-object-fit: $fit;
+    object-fit: $fit;
+
+	@if $position {
+		-o-object-position: $position;
+		object-position: $position;
+		font-family: 'object-fit: #{$fit}; object-position: #{$position}';
+	} @else {
+		font-family: 'object-fit: #{$fit}';
+	}
+}

package/scss/mixins/_reset-text.scss

@@ -0,0 +1,19 @@
+// Reset text
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin reset-text {
+    font-family: $font-family-base;
+    font-style: normal;
+    font-weight: $font-weight-base;
+    line-height: $line-height-base;
+    text-align: left;
+    text-align: start;
+    text-decoration: none;
+    text-shadow: none;
+    text-transform: none;
+    letter-spacing: normal;
+    word-break: normal;
+    word-spacing: normal;
+    white-space: normal;
+    line-break: auto;
+}

package/scss/mixins/_text-emphasis.scss

@@ -0,0 +1,21 @@
+// Text hide
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin text-emphasis-variant($parent, $color) {
+
+	#{$parent} {
+		color: $color !important;
+	}
+
+	@if $emphasized-link-hover-darken-percentage != 0 {
+
+		a#{$parent},
+		button#{$parent}{
+
+			&:hover,
+  			&:focus {
+				color: darken($color, $emphasized-link-hover-darken-percentage) !important;
+			}
+		}
+	}
+}

package/scss/mixins/_text-hide.scss

@@ -0,0 +1,10 @@
+// Text hide
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}

package/scss/mixins/_text-truncate.scss

@@ -0,0 +1,8 @@
+// Text truncate
+// ---------------------------------------------------------------------------------------------------------------
+
+@mixin text-truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}