@finqu/cool 1.2.29 → 2.0.2

package/scss/_images.scss

@@ -1,361 +0,0 @@
-// Images
-// ---------------------------------------------------------------------------------------------------------------
-
-html.dom-ready {
-    .image {
-        &.img-placeholder,
-        &.img-error {
-            transition: background-color 0.4s;
-        }
-    }
-}
-
-.image {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    box-sizing: content-box;
-
-    // 24x24
-    &.img-xs {
-        width: 24px;
-        height: 24px;
-        min-width: 24px;
-        text-align: center;
-
-        &.img-thumbnail {
-            .icon {
-                width: 10px;
-                height: 10px;
-            }
-        }
-
-        .icon {
-            width: 20px;
-            height: 20px;
-            color: $icon-color;
-        }
-
-        img {
-            vertical-align: middle;
-            max-width: 24px;
-            max-height: 24px;
-
-            &.cover {
-                width: 24px;
-                height: 24px;
-                @include object-fit(cover, 50% 50%);
-            }
-        }
-    }
-
-	// 32x32
-    &.img-sm {
-        width: 32px;
-        height: 32px;
-        min-width: 32px;
-        text-align: center;
-
-        &.img-thumbnail {
-            .icon {
-                width: 16px;
-                height: 16px;
-            }
-        }
-
-        .icon {
-            width: 28px;
-            height: 28px;
-            color: $icon-color;
-        }
-
-        img {
-            vertical-align: middle;
-            max-width: 32px;
-            max-height: 32px;
-
-            &.cover {
-                width: 32px;
-                height: 32px;
-                @include object-fit(cover, 50% 50%);
-            }
-        }
-    }
-
-    // 50x50
-    &.img-md {
-    	width: 50px;
-        height: 50px;
-        min-width: 50px;
-        text-align: center;
-
-        &.img-thumbnail {
-            .icon {
-                width: 25px;
-                height: 25px;
-            }
-        }
-
-        .icon {
-            width: 46px;
-            height: 46px;
-            color: $icon-color;
-        }
-
-        img {
-            vertical-align: middle;
-            max-width: 50px;
-            max-height: 50px;
-
-            &.cover {
-                width: 50px;
-                height: 50px;
-                @include object-fit(cover, 50% 50%);
-            }
-        }
-    }
-
-    // 90x90
-    &.img-lg {
-        width: 90px;
-        height: 90px;
-        min-width: 90px;
-        text-align: center;
-
-        &.img-thumbnail {
-            .icon {
-                width: 25px;
-                height: 25px;
-            }
-        }
-
-        .icon {
-            width: 46px;
-            height: 46px;
-            color: $icon-color;
-        }
-
-        img {
-            vertical-align: middle;
-            max-width: 90px;
-            max-height: 90px;
-
-            &.cover {
-                width: 90px;
-                height: 90px;
-                @include object-fit(cover, 50% 50%);
-            }
-        }
-    }
-
-    // 120x120
-    &.img-xl {
-    	width: 120px;
-        height: 120px;
-        min-width: 120px;
-        text-align: center;
-
-        &.img-thumbnail {
-            .icon {
-                width: 60px;
-                height: 60px;
-            }
-        }
-
-        .icon {
-            width: 116px;
-            height: 116px;
-            color: $icon-color;
-        }
-
-        img {
-            vertical-align: middle;
-            max-width: 120px;
-            max-height: 120px;
-
-            &.cover {
-                width: 120px;
-                height: 120px;
-                @include object-fit(cover, 50% 50%);
-            }
-        }
-    }
-
-    // Fluid
-    &.img-fluid {
-        display: inline-flex;
-        width: auto;
-        height: auto;
-        text-align: center;
-
-        .icon {
-            color: $icon-color;
-        }
-
-        img {
-            display: block;
-            max-width: 100%;
-            max-height: none;
-            width: auto;
-            height: auto;
-        }
-    }
-
-    // Inline
-    &.img-inline {
-        display: inline-flex;
-        vertical-align: middle;
-    }
-
-    // Circle
-    &.img-circle {
-        border-radius: 50%;
-
-        img, svg {
-            border-radius: 50%;
-        }
-    }
-
-    // Thumbnail
-    &.img-thumbnail {
-        background-color: $grey-50;
-        border: 2px solid $border-color;
-        border-radius: $border-radius;
-        padding: 2px;
-
-        img, svg {
-            @if $border-radius > 3 {
-                border-radius: $border-radius - 2px;
-            } @else {
-                border-radius: $border-radius;
-            }
-        }
-    }
-
-    // Placeholder
-    &.img-placeholder,
-    &.img-error {
-        background-color: $grey-50;
-        color: theme-color('medium');
-
-        &:before,
-        &:after {
-            content: '';
-        }
-
-        &:before {
-            background-repeat: no-repeat;
-            background-position: center center;
-            // Font Awesome Free fa-image
-            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYmJiYmJiIiBkPSJNNDY0IDY0SDQ4QzIxLjQ5IDY0IDAgODUuNDkgMCAxMTJ2Mjg4YzAgMjYuNTEgMjEuNDkgNDggNDggNDhoNDE2YzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMTEyYzAtMjYuNTEtMjEuNDktNDgtNDgtNDh6bS02IDMzNkg1NGE2IDYgMCAwIDEtNi02VjExOGE2IDYgMCAwIDEgNi02aDQwNGE2IDYgMCAwIDEgNiA2djI3NmE2IDYgMCAwIDEtNiA2ek0xMjggMTUyYy0yMi4wOTEgMC00MCAxNy45MDktNDAgNDBzMTcuOTA5IDQwIDQwIDQwIDQwLTE3LjkwOSA0MC00MC0xNy45MDktNDAtNDAtNDB6TTk2IDM1MmgzMjB2LTgwbC04Ny41MTUtODcuNTE1Yy00LjY4Ni00LjY4Ni0xMi4yODQtNC42ODYtMTYuOTcxIDBMMTkyIDMwNGwtMzkuNTE1LTM5LjUxNWMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3MSAwTDk2IDMwNHY0OHoiPjwvcGF0aD48L3N2Zz4=');
-            opacity: 1;
-            vertical-align: middle;
-            transition: opacity 0.4s;
-            width: 66%;
-            height: 66%;
-        }
-
-        &.has-icon {
-            &:before,
-            &:after {
-                content: none;
-            }
-        }
-
-        &.loaded {
-            background-color: $grey-50;
-
-            &:before,
-            &:after {
-                content: none;
-            }
-
-            &:before {
-                opacity: 0;
-            }
-        }
-
-        img:not(.loaded) {
-            position: absolute;
-        }
-    }
-
-    // Bordered
-    &.img-bordered {
-        border: 1px solid rgba(0,0,0,0.15);
-    }
-}
-
-.image-status-indicator {
-    width: 16px;
-    height: 16px;
-    position: absolute;
-    top: -7px;
-    left: -7px;
-    display: block;
-    //border: 2px solid $grey-50;
-    background-color: theme-color('medium');
-    border-radius: 50%;
-
-    &.image-status-indicator-active {
-        background-color: theme-color('success');
-    }
-
-    &.image-status-indicator-idle {
-        background-color: theme-color('warning');
-    }
-
-    &.image-status-indicator-inactive {
-        background-color: theme-color('danger');
-    }
-
-    &.image-status-indicator-info {
-        background-color: theme-color('info');
-    }
-}
-
-// Showcase
-.img-showcase {
-    box-shadow: 0 10px 20px -15px hsla(0, 0%, 25%, 1);
-    border-radius: 5px;
-}
-
-// Image fluid
-.img-fluid {
-    display: block;
-    max-width: 100%;
-    max-height: none;
-    width: auto;
-    height: auto;
-}
-
-// Image Circle
-.img-circle {
-	border-radius: 50%;
-}
-
-.image-select-container {
-    width: 120px /* img lg */ + (20px * 2) /* padding */ + 4px /* border */;
-    height: 200px;
-    border: 2px solid $border-color;
-    border-radius: $border-radius;
-    position: relative;
-    display: inline-block;
-
-    // Image select
-    .image-select {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        padding: 20px;
-
-        [data-image-select-remove] {
-            position: absolute;
-            top: 0;
-            right: 0;
-        }
-    }
-}

package/scss/_mixins.scss

@@ -1,34 +0,0 @@
-// Mixins
-// ---------------------------------------------------------------------------------------------------------------
-
-// Utilities
-@import "mixins/breakpoints";
-@import "mixins/aspect-ratio";
-@import "mixins/object-fit";
-@import "mixins/reset-text";
-@import "mixins/text-emphasis";
-@import "mixins/text-hide";
-@import "mixins/text-truncate";
-@import "mixins/visibility";
-
-
-// Components
-@import "mixins/badge-variant";
-@import "mixins/alert-variant";
-@import "mixins/buttons";
-@import "mixins/nav-divider";
-@import "mixins/caret";
-@import "mixins/forms";
-@import "mixins/notification-variant";
-
-
-// Styling
-@import "mixins/background-variant";
-@import "mixins/gradients";
-
-
-// Layout
-@import "mixins/clearfix";
-@import "mixins/grid-framework";
-@import "mixins/grid";
-@import "mixins/float";

package/scss/_type.scss

@@ -1,129 +0,0 @@
-// Type
-// ---------------------------------------------------------------------------------------------------------------
-
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
-    margin-top: 0;
-    margin-bottom: $headings-margin-bottom;
-    font-family: $headings-font-family;
-    font-weight: $headings-font-weight;
-    line-height: $headings-line-height;
-    color: $headings-color;
-}
-
-h1, .h1 {
-    font-size: $h1-font-size;
-    @include text-truncate-generate($font-size: $h1-font-size, $line-height: $headings-line-height);
-}
-
-h2, .h2 {
-    font-size: $h2-font-size;
-    @include text-truncate-generate($font-size: $h2-font-size, $line-height: $headings-line-height);
-}
-
-h3, .h3 {
-    font-size: $h3-font-size;
-    @include text-truncate-generate($font-size: $h3-font-size, $line-height: $headings-line-height);
-}
-
-h4, .h4 {
-    font-size: $h4-font-size;
-    @include text-truncate-generate($font-size: $h4-font-size, $line-height: $headings-line-height);
-}
-
-h5, .h5 {
-    font-size: $h5-font-size;
-    @include text-truncate-generate($font-size: $h5-font-size, $line-height: $headings-line-height);
-}
-
-h6, .h6 {
-    font-size: $h6-font-size;
-    @include text-truncate-generate($font-size: $h6-font-size, $line-height: $headings-line-height);
-}
-
-.lead {
-    font-size: $lead-font-size;
-    font-weight: $lead-font-weight;
-    @include text-truncate-generate($font-size: $lead-font-size);
-}
-
-
-// Cool headings
-.display-1 {
-    font-size: $display1-size;
-    font-weight: $display1-weight;
-    line-height: $display-line-height;
-    @include text-truncate-generate($font-size: $display1-size, $line-height: $display-line-height);
-}
-
-.display-2 {
-    font-size: $display2-size;
-    font-weight: $display2-weight;
-    line-height: $display-line-height;
-    @include text-truncate-generate($font-size: $display2-size, $line-height: $display-line-height);
-}
-
-.display-3 {
-    font-size: $display3-size;
-    font-weight: $display3-weight;
-    line-height: $display-line-height;
-    @include text-truncate-generate($font-size: $display3-size, $line-height: $display-line-height);
-}
-
-.display-4 {
-    font-size: $display4-size;
-    font-weight: $display4-weight;
-    line-height: $display-line-height;
-    @include text-truncate-generate($font-size: $display4-size, $line-height: $display-line-height);
-}
-
-
-// Emphasis
-small,
-.small {
-    font-size: $small-font-size;
-}
-
-.font-weight-light {
-    font-weight: $font-weight-light;
-}
-
-.font-weight-lighter {
-    font-weight: $font-weight-lighter;
-}
-
-.font-weight-normal {
-    font-weight: $font-weight-normal;
-}
-
-.font-weight-bold {
-    font-weight: $font-weight-bold;
-}
-
-.font-weight-bolder {
-    font-weight: $font-weight-bolder;
-}
-
-.sub-heading {
-    font-family: $section-subheader-font-family;
-    font-size: $section-subheader-font-size;
-    font-weight: $section-subheader-font-weight;
-    color: $section-subheader-color;
-    background: $section-subheader-bg;
-    border-radius: $border-radius;
-    padding: $section-padding * 1.5 0 $section-padding / 1.5 0;
-}
-
-// Hr
-hr {
-    margin-top: $hr-margin-y;
-    margin-bottom: $hr-margin-y;
-    border: 0;
-    border-top: $hr-border-width solid $hr-border-color;
-}
-
-
-// Icon spacing
-.icon-spacer {
-    margin-right: $icon-spacer;
-}

package/scss/_utilities.scss

@@ -1,23 +0,0 @@
-// Utilities
-// ---------------------------------------------------------------------------------------------------------------
-
-@import "utilities/align";
-@import "utilities/animate";
-@import "utilities/background";
-@import "utilities/borders";
-@import "utilities/clearfix";
-@import "utilities/cursor";
-@import "utilities/display";
-@import "utilities/embed";
-@import "utilities/flex";
-@import "utilities/lazyload";
-@import "utilities/overflow";
-@import "utilities/perfect-scrollbar";
-@import "utilities/placeholder";
-@import "utilities/position";
-@import "utilities/sizing";
-@import "utilities/spacing";
-@import "utilities/text";
-@import "utilities/collapse";
-@import "utilities/visibility";
-@import "utilities/user-select";

package/scss/cool-grid.scss

@@ -1,29 +0,0 @@
-/*!
- * Cool UI - Grid (https://finqu.fi)
- * Copyright 2020 Finqu Oy.
- * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
- * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-html {
-	box-sizing: border-box;
-	-ms-overflow-style: scrollbar;
-}
-
-*,
-*::before,
-*::after {
-	box-sizing: inherit;
-}
-
-@import "functions";
-@import "variables";
-
-@import "mixins/breakpoints";
-@import "mixins/grid-framework";
-@import "mixins/grid";
-
-@import "grid";
-@import "utilities/display";
-@import "utilities/flex";
-@import "utilities/spacing";

package/scss/cool-reboot.scss

@@ -1,11 +0,0 @@
-/*!
- * Cool UI - Reboot (https://finqu.fi)
- * Copyright 2020 Finqu Oy.
- * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
- * Forked from Bootstrap, licensed MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-
-@import "functions";
-@import "variables";
-@import "mixins";
-@import "reboot";

package/scss/mixins/_alert-variant.scss

@@ -1,20 +0,0 @@
-// Alert variant
-// ---------------------------------------------------------------------------------------------------------------
-
-@mixin alert-variant($color) {
-    border-color: $color;
-
-    .alert-icon {
-        @include alert-icon-variant($color);
-    }
-}
-
-@mixin alert-icon-variant($color) {
-    border: $border-width solid $color;
-    background-color: $color;
-    color: color-yiq($color);
-
-    .icon {
-        color: color-yiq($color);
-    }
-}

package/scss/mixins/_aspect-ratio.scss

@@ -1,29 +0,0 @@
-// Aspect ratio
-// ---------------------------------------------------------------------------------------------------------------
-
-@mixin aspect-ratio($width, $height) {
-
-    position: relative;
-
-    &:before {
-        display: block;
-        content: '';
-        width: 100%;
-        padding-top: ($height / $width) * 100%;
-    }
-
-    > .content {
-        position: absolute;
-        padding:10px;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        span:before{
-            content: '';
-        }
-        span:after{
-            content: '';
-        }
-    }
-}

package/scss/mixins/_background-variant.scss

@@ -1,25 +0,0 @@
-// Background variant
-// ---------------------------------------------------------------------------------------------------------------
-
-@mixin bg-variant($parent, $color) {
-
-	#{$parent} {
-		background-color: $color !important;
-	}
-
-	a#{$parent},
-	button#{$parent} {
-
-		&:hover,
-		&:focus {
-			background-color: darken($color, 10%) !important;
-		}
-	}
-}
-
-@mixin bg-gradient-variant($parent, $color) {
-
-	#{$parent} {
-		background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
-	}
-}

package/scss/mixins/_badge-variant.scss

@@ -1,36 +0,0 @@
-// Badge variant
-// ---------------------------------------------------------------------------------------------------------------
-@mixin badge-variant($color, $background: $color) {
-    border-color: $color;
-    background-color: $background;
-	color: color-yiq($background);
-
-    .alert-icon {
-        border: $border-width solid $color;
-		box-shadow: 0 0 0 0.2em fade-out($color, 0.7);
-
-        .icon {
-            color: $color;
-        }
-    }
-}
-
-@mixin badge-outline-variant($color) {
-	border-color: $color;
-	background: transparent;
-
-	@if lightness($color) > 80 {
-		color: $grey-500;
-	} @else {
-		color: $color;
-	}
-
-	.alert-icon {
-        border: 1px solid $color;
-		box-shadow: 0 0 0 0.2em fade-out($color, 0.7);
-
-        .icon {
-            color: $color;
-        }
-    }
-}