@finqu/cool 1.2.28 → 1.3.0

package/scss/utilities/_background.scss

@@ -1,14 +0,0 @@
-// Background
-// ---------------------------------------------------------------------------------------------------------------
-
-@each $color, $value in $colors {
-    @include bg-variant(".bg-#{$color}", $value);
-}
-
-@each $color, $value in $theme-colors {
-    @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
-}
-
-.bg-transparent {
-    background-color: transparent !important;
-}

package/scss/utilities/_borders.scss

@@ -1,146 +0,0 @@
-// Borders
-// ---------------------------------------------------------------------------------------------------------------
-
-// Borders
-.border {
-	border: $border-width solid $border-color !important;
-}
-
-.border-top {
-	border-top: $border-width solid $border-color !important;
-}
-
-.border-right {
-	border-right: $border-width solid $border-color !important;
-}
-
-.border-bottom {
-	border-bottom: $border-width solid $border-color !important;
-}
-
-.border-left {
-	border-left: $border-width solid $border-color !important;
-}
-
-.border-0 {
-	border: 0 !important;
-}
-
-.border-top-0 {
-	border-top: 0 !important;
-}
-
-.border-right-0 {
-	border-right: 0 !important;
-}
-
-.border-bottom-0 {
-	border-bottom: 0 !important;
-}
-
-.border-left-0   {
-	border-left: 0 !important;
-}
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-
-    @include media-breakpoint-up($breakpoint) {
-
-    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-    	.border#{$infix}   {
-            border: $border-width solid $border-color !important;
-        }
-
-        .border#{$infix}-top   {
-            border-top: $border-width solid $border-color !important;
-        }
-
-        .border#{$infix}-right   {
-            border-right: $border-width solid $border-color !important;
-        }
-
-        .border#{$infix}-bottom   {
-            border-bottom: $border-width solid $border-color !important;
-        }
-
-        .border#{$infix}-left   {
-            border-left: $border-width solid $border-color !important;
-        }
-
-        .border#{$infix}-0   {
-			border: 0 !important;
-		}
-
-		.border#{$infix}-top-0   {
-			border-top: 0 !important;
-		}
-
-		.border#{$infix}-right-0   {
-			border-right: 0 !important;
-		}
-
-		.border#{$infix}-bottom-0   {
-			border-bottom: 0 !important;
-		}
-
-		.border#{$infix}-left-0   {
-			border-left: 0 !important;
-		}
-    }
-}
-
-
-// Colors
-@each $color, $value in $colors {
-	.border-#{$color} {
-		border-color: $value !important;
-	}
-}
-
-@each $color, $value in $theme-colors {
-	.border-#{$color} {
-		border-color: $value !important;
-	}
-}
-
-// Radius
-.rounded-sm {
-	border-radius: $border-radius-sm !important;
-}
-
-.rounded {
-	border-radius: $border-radius !important;
-}
-
-.rounded-lg {
-	border-radius: $border-radius-lg !important;
-}
-
-.rounded-top {
-	border-top-left-radius: $border-radius !important;
-	border-top-right-radius: $border-radius !important;
-}
-
-.rounded-right {
-	border-top-right-radius: $border-radius !important;
-	border-bottom-right-radius: $border-radius !important;
-}
-
-.rounded-bottom {
-	border-bottom-right-radius: $border-radius !important;
-	border-bottom-left-radius: $border-radius !important;
-}
-
-.rounded-left {
-	border-top-left-radius: $border-radius !important;
-	border-bottom-left-radius: $border-radius !important;
-}
-
-.rounded-circle {
-	border-radius: 50% !important;
-}
-
-.rounded-0 {
-	border-radius: 0 !important;
-}

package/scss/utilities/_clearfix.scss

@@ -1,6 +0,0 @@
-// Clearfix
-// ---------------------------------------------------------------------------------------------------------------
-
-.clearfix {
-	@include clearfix();
-}

package/scss/utilities/_collapse.scss

@@ -1,33 +0,0 @@
-// Collapse
-// -----------------------------------------------------------------------------------------
-
-[data-collapse-indicator] {
-    display: inline-block;
-
-    &.show {
-        > .icon {
-            transform: rotate(180deg);
-        }
-    }
-}
-
-.collapse {
-    position: absolute;
-    visibility: hidden;
-    transition: height .35s ease;
-
-    &.show {
-        position: relative;
-        visibility: visible;
-        transition: height .35s ease;
-    }
-}
-
-.collapsing {
-    position: relative;
-    visibility: visible;
-    height: 0;
-    overflow: hidden;
-    transition: height .35s ease;
-    pointer-events: none;
-}

package/scss/utilities/_cursor.scss

@@ -1,22 +0,0 @@
-// Cursor
-// ---------------------------------------------------------------------------------------------------------------
-
-.c-default {
-	cursor: default !important;
-}
-
-.c-pointer {
-	cursor: pointer !important;
-}
-
-.c-sortable {
-	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABF0lEQ…%2BX%2BvObByYdEkFh8%2F6qXFrrfeocIk8x2VrNl9A%2F0l7Ib3y%2F5wAAAAAElFTkSuQmCC),move;
-    cursor: -webkit-grab;
-    cursor: grab;
-}
-
-.c-sortable-chosen {
-	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA8ElEQ…MaIrswx%2FYOXKRSUsXsh8s3Y91rlQK%2FF8IiOx%2B3vxAooqZGlRhljTAAAAAElFTkSuQmCC),move;
-    cursor: -webkit-grabbing;
-    cursor: grabbing;
-}

package/scss/utilities/_display.scss

@@ -1,16 +0,0 @@
-// Display
-// ---------------------------------------------------------------------------------------------------------------
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-
-	@include media-breakpoint-up($breakpoint) {
-
-		$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-		@each $value in $displays {
-			.d#{$infix}-#{$value} {
-				display: $value !important;
-			}
-		}
-	}
-}

package/scss/utilities/_embed.scss

@@ -1,78 +0,0 @@
-// Embed
-// ---------------------------------------------------------------------------------------------------------------
-
-.embed-responsive {
-	display: block;
-	width: 100%;
-	padding: 0;
-	overflow: hidden;
-
-	&::before {
-		display: block;
-		content: '';
-	}
-
-	&.embed-responsive-21by9 {
-		position: relative;
-
-		&::before {
-			padding-top: percentage(9/21);
-		}
-	}
-
-	&.embed-responsive-16by9 {
-		position: relative;
-
-		&::before {
-			padding-top: percentage(9/16);
-		}
-	}
-
-	&.embed-responsive-4by3 {
-		position: relative;
-
-		&::before {
-			padding-top: percentage(3/4);
-		}
-	}
-
-	&.embed-responsive-1by1 {
-		position: relative;
-
-		&::before {
-			padding-top: percentage(1/1);
-		}
-	}
-
-	.embed-responsive-item,
-	iframe,
-	embed,
-	object,
-	video {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		border: 0;
-	}
-}
-
-.embed-tiles {
-	display: flex;
-	flex-wrap: wrap;
-	margin: -5px;
-	position: relative;
-
-	.embed-responsive {
-		margin: 5px;
-		flex: 0 1  calc(50% - 10px);
-		@media screen and (max-width: 680px) {
-			flex: 0 1 100%;
-		}
-		@include media-breakpoint-between(md, xl) {
-			flex: 0 1 100%
-		}
-	}
-}

package/scss/utilities/_flex.scss

@@ -1,52 +0,0 @@
-// Flex
-// ---------------------------------------------------------------------------------------------------------------
-
-@each $breakpoint in map-keys($grid-breakpoints) {
-
-	@include media-breakpoint-up($breakpoint) {
-
-		$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
-
-		.flex#{$infix}-row            { flex-direction: row !important; }
-		.flex#{$infix}-column         { flex-direction: column !important; }
-		.flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
-		.flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
-
-		.flex#{$infix}-wrap         { flex-wrap: wrap !important; }
-		.flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
-		.flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
-		.flex#{$infix}-fill         { flex: 1 1 auto !important; }
-		.flex#{$infix}-grow-0       { flex-grow: 0 !important; }
-		.flex#{$infix}-grow-1       { flex-grow: 1 !important; }
-		.flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
-		.flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }
-		.flex#{$infix}-basis-0      { flex-basis: 0 !important; }
-		.flex#{$infix}-basis-auto   { flex-basis: auto !important; }
-
-		.justify-content#{$infix}-start   { justify-content: flex-start !important; }
-		.justify-content#{$infix}-end     { justify-content: flex-end !important; }
-		.justify-content#{$infix}-center  { justify-content: center !important; }
-		.justify-content#{$infix}-between { justify-content: space-between !important; }
-		.justify-content#{$infix}-around  { justify-content: space-around !important; }
-
-		.align-items#{$infix}-start    { align-items: flex-start !important; }
-		.align-items#{$infix}-end      { align-items: flex-end !important; }
-		.align-items#{$infix}-center   { align-items: center !important; }
-		.align-items#{$infix}-baseline { align-items: baseline !important; }
-		.align-items#{$infix}-stretch  { align-items: stretch !important; }
-
-		.align-content#{$infix}-start   { align-content: flex-start !important; }
-		.align-content#{$infix}-end     { align-content: flex-end !important; }
-		.align-content#{$infix}-center  { align-content: center !important; }
-		.align-content#{$infix}-between { align-content: space-between !important; }
-		.align-content#{$infix}-around  { align-content: space-around !important; }
-		.align-content#{$infix}-stretch { align-content: stretch !important; }
-
-		.align-self#{$infix}-auto     { align-self: auto !important; }
-		.align-self#{$infix}-start    { align-self: flex-start !important; }
-		.align-self#{$infix}-end      { align-self: flex-end !important; }
-		.align-self#{$infix}-center   { align-self: center !important; }
-		.align-self#{$infix}-baseline { align-self: baseline !important; }
-		.align-self#{$infix}-stretch  { align-self: stretch !important; }
-	}
-}

package/scss/utilities/_lazyload.scss

@@ -1,31 +0,0 @@
-// Lazyload
-// ---------------------------------------------------------------------------------------------------------------
-
-img:not([src]):not([srcset]) {
-	visibility: hidden;
-}
-
-@-moz-document url-prefix() {
-    img:-moz-loading {
-        visibility: hidden;
-    }
-}
-
-img[data-src],
-img[data-srcset], {
-	display: block;
-	min-height: 1px;
-	border: 0;
-	opacity: 0;
-	margin: 0 auto;
-}
-
-img:not(.initial):not(.no-transition) {
-	transition: opacity 0.4s;
-}
-
-img.initial,
-img.loaded,
-img.error {
-	opacity: 1;
-}

package/scss/utilities/_overflow.scss

@@ -1,6 +0,0 @@
-// Overflow
-// ---------------------------------------------------------------------------------------------------------------
-
-@each $value in $overflows {
-	.overflow-#{$value} { overflow: $value !important; }
-}

package/scss/utilities/_perfect-scrollbar.scss

@@ -1,141 +0,0 @@
-// Perfect scrollbar
-// ---------------------------------------------------------------------------------------------------------------
-
-.ps {
-    overflow: hidden !important;
-    overflow-anchor: none;
-    touch-action: auto;
-
-    &.ps-dark {
-        .ps__thumb-x,
-        .ps__thumb-y {
-            background-color: rgba(0, 0, 0, 0.50);
-        }
-
-        .ps__rail-x:hover > .ps__thumb-x,
-        .ps__rail-x:focus > .ps__thumb-x {
-            background-color: rgba(0, 0, 0, 0.65);
-            height: 12px;
-        }
-
-        .ps__rail-y:hover > .ps__thumb-y,
-        .ps__rail-y:focus > .ps__thumb-y {
-            background-color:rgba(0, 0, 0, 0.65);
-            width: 12px;
-        }
-
-        &.ps-mousedown-scroll {
-            > .ps__rail-x {
-                > .ps__thumb-x {
-                    background-color: rgba(0, 0, 0, 0.65);
-                    height: 12px;
-                }
-            }
-            > .ps__rail-y {
-                > .ps__thumb-y {
-                    background-color: rgba(0, 0, 0, 0.65);
-                    width: 12px;
-                }
-            }
-        }
-    }
-
-    &.ps-mousedown-scroll {
-        > .ps__rail-x {
-            .ps__thumb-x {
-                background-color: rgba(255, 255, 255, 0.80);
-                height: 12px;
-            }
-        }
-        > .ps__rail-y {
-            > .ps__thumb-y {
-                background-color: rgba(255, 255, 255, 0.80);
-                width: 12px;
-            }
-        }
-    }
-
-    &.ps-show-rail-y {
-        > .ps__rail-y {
-            opacity: 1;
-        }
-    }
-
-    &.ps-show-rail-x {
-        > .ps__rail-x {
-            opacity: 1;
-        }
-    }
-}
-
-.ps__rail-x {
-    display: none;
-    opacity: 0;
-    transition: background-color .2s linear, opacity .2s linear;
-    height: 15px;
-    bottom: 0px;
-    position: absolute;
-    z-index: 10;
-}
-
-.ps__rail-y {
-    display: none;
-    opacity: 0;
-    transition: background-color .2s linear, opacity .2s linear;
-    width: 22px;
-    right: 0;
-    position: absolute;
-    z-index: 10;
-}
-
-.ps--active-x > .ps__rail-x,
-.ps--active-y > .ps__rail-y {
-    display: block;
-    background-color: transparent;
-}
-
-.ps:hover > .ps__rail-x,
-.ps:hover > .ps__rail-y,
-.ps--focus > .ps__rail-x,
-.ps--focus > .ps__rail-y,
-.ps--scrolling-x > .ps__rail-x,
-.ps--scrolling-y > .ps__rail-y {
-    opacity: 1;
-}
-
-.ps__rail-x:hover,
-.ps__rail-y:hover,
-.ps__rail-x:focus,
-.ps__rail-y:focus {
-    opacity: 1;
-}
-
-.ps__thumb-x {
-    background-color: rgba(255, 255, 255, 0.50);
-    border-radius: 6px;
-    transition: background-color .2s linear, height .2s ease-in-out;
-    height: 6px;
-    bottom: 2px;
-    position: absolute;
-}
-
-.ps__thumb-y {
-    background-color: rgba(255, 255, 255, 0.50);
-    border-radius: 6px;
-    transition: background-color .2s linear, width .2s ease-in-out;
-    width: 6px;
-    right: 2px;
-    position: absolute;
-}
-
-.ps__rail-x:hover > .ps__thumb-x,
-.ps__rail-x:focus > .ps__thumb-x {
-    background-color: rgba(255, 255, 255, 0.80);
-    height: 12px;
-}
-
-.ps__rail-y:hover > .ps__thumb-y,
-.ps__rail-y:focus > .ps__thumb-y {
-    background-color:rgba(255, 255, 255, 0.80);
-    width: 12px;
-}

package/scss/utilities/_placeholder.scss

@@ -1,76 +0,0 @@
-// Placeholder
-// ---------------------------------------------------------------------------------------------------------------
-
-.placeholder {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	color: $body-color;
-    box-sizing: border-box;
-    padding: 16px;
-
-	.placeholder-icon {
-		.icon-container {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			border-radius: 50%;
-			width: 100px;
-			height: 100px;
-			color: color('grey-darker');
-			background-color: color('grey-lighter');
-			padding: 10px;
-			margin: 0 auto;
-			box-sizing: content-box;
-
-			.icon {
-				font-size: 5rem;
-			}
-		}
-
-		& + .placeholder-title,
-		& + .placeholder-description,
-		& + .placeholder-action,
-		& + .placeholder-action-secondary {
-			margin-top: 20px;
-		}
-	}
-
-	.placeholder-title {
-		text-align: center;
-		color: color('blue-grey');
-
-		& + .placeholder-description {
-			margin-top: 10px;
-		}
-
-		& + .placeholder-action,
-		& + .placeholder-action-secondary {
-			margin-top: 20px;
-		}
-	}
-
-	.placeholder-description {
-		text-align: center;
-		font-weight: $font-weight-light;
-		color: color('grey-darker');
-
-		.description {
-			margin-bottom: 0;
-		}
-
-		& + .placeholder-action,
-		& + .placeholder-secondary {
-			margin-top: 20px;
-		}
-	}
-
-	.placeholder-action {
-		text-align: center;
-
-		& + .placeholder-secondary {
-			margin-top: 20px;
-		}
-	}
-}

package/scss/utilities/_position.scss

@@ -1,30 +0,0 @@
-// Position
-// ---------------------------------------------------------------------------------------------------------------
-
-@each $position in $positions {
-	.position-#{$position} { position: $position !important; }
-}
-
-.fixed-top {
-	position: fixed;
-	top: 0;
-	right: 0;
-	left: 0;
-	z-index: $zindex-fixed;
-}
-
-.fixed-bottom {
-	position: fixed;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	z-index: $zindex-fixed;
-}
-
-.sticky-top {
-	 @supports (position: sticky) {
-		position: sticky;
-		top: 0;
-		z-index: $zindex-sticky;
-	}
-}

package/scss/utilities/_sizing.scss

@@ -1,32 +0,0 @@
-// Sizing
-// ---------------------------------------------------------------------------------------------------------------
-
-// Width and height
-@each $prop, $abbrev in (width: w, height: h) {
-	@each $size, $length in $sizes {
-		.#{$abbrev}-#{$size} { #{$prop}: $length !important; }
-	}
-}
-
-.mw-100 {
-	max-width: 100% !important;
-}
-
-.mh-100 {
-	max-height: 100% !important;
-}
-
-// Viewport additional helpers
-.min-vw-100 {
-	min-width: 100vw !important;
-}
-.min-vh-100 {
-	min-height: 100vh !important;
-}
-
-.vw-100 {
-	width: 100vw !important;
-}
-.vh-100 {
-	height: 100vh !important;
-}