@finqu/cool 1.2.29 → 1.3.0

package/scss/_input-group.scss

@@ -1,285 +0,0 @@
-// Input group
-// ---------------------------------------------------------------------------------------------------------------
-
-html.dom-ready {
-    .input-group-text,
-    .input-group-dropdown {
-        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-    }
-}
-
-.input-group {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: stretch;
-    width: 100%;
-    border-color: $input-group-addon-border-color;
-
-    > .form-control,
-    > .form-control-plaintext {
-        position: relative;
-        flex: 1 1 auto;
-        // Add width 1% and flex-basis auto to ensure that button will not wrap out
-        // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
-        width: 1%;
-        margin-bottom: 0;
-
-        + .form-control {
-            // Add extra 0.2px to border rendering bug on chrome
-            // margin-left: -#{$input-border-width};
-            margin-left: calc(-#{$input-border-width + 0.2});
-        }
-    }
-
-    > .form-control {
-        &:not(:last-child) {
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
-            border-right: 0;
-        }
-
-        &:not(:first-child) {
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
-            border-left: 0;
-        }
-    }
-}
-
-
-// Prepend and append
-.input-group-prepend,
-.input-group-append {
-    display: flex;
-    border-color: $input-group-addon-border-color;
-
-    // > .btn {
-    //     height: $input-height;
-    //     box-sizing: border-box;
-    //     //@include button-variant($input-bg, $color: theme-color('brand'), $border: $input-bg, $hover-background: darken($input-bg, 5%), $hover-border: $input-focus-border-color, $enable-shadow: false);
-    // }
-
-    .btn {
-        position: relative;
-        z-index: 2;
-        margin: 0;
-
-        > .icon {
-            margin-right: 0;
-
-            & + * {
-                margin-left: $icon-spacer;
-            }
-        }
-
-        &:focus {
-            z-index: 3;
-        }
-    }
-
-    .btn + .btn,
-    .btn + .input-group-text,
-    .btn + .input-group-dropdown,
-    .input-group-text + .btn,
-    .input-group-text + .input-group-text,
-    .input-group-text + .input-group-dropdown,
-    .input-group-dropdown + .btn,
-    .input-group-dropdown + .input-group-text,
-    .input-group-dropdown + .input-group-dropdown {
-        // Add extra 0.2px to border rendering bug on chrome
-        // margin-left: -#{$input-border-width};
-        margin-left: calc(-#{$input-border-width + 0.2});
-    }
-}
-
-.input-group-prepend {
-    margin-right: -$input-border-width;
-
-    .input-group-text > span {
-        margin-right: $input-border-width;
-    }
-}
-
-.input-group-append {
-    margin-left: -$input-border-width;
-
-    .input-group-text > span {
-        margin-left: $input-border-width;
-    }
-}
-
-
-
-// Textual addons
-// Serves as a catch-all element for any text or radio/checkbox input you wish
-// to prepend or append to an input.
-.input-group-text {
-    display: flex;
-    align-items: center;
-    padding: $input-padding-y $input-padding-x;
-    margin-bottom: 0;
-    font-size: $input-font-size;
-    font-weight: $font-weight-normal;
-    line-height: $input-line-height;
-    color: $input-group-addon-color;
-    text-align: center;
-    white-space: nowrap;
-    background-color: $input-bg;
-    border: $input-border-width solid $input-group-addon-border-color;
-    border-radius: $input-border-radius;
-
-    // Nuke default margins from checkboxes and radios to vertically center within.
-    input[type="radio"],
-    input[type="checkbox"] {
-        margin-top: 0;
-    }
-}
-
-
-// Dropdown
-.input-group-dropdown {
-    display: flex;
-    align-items: center;
-    margin-bottom: 0;
-    font-size: $input-font-size;
-    font-weight: $font-weight-normal;
-    line-height: $input-line-height;
-    color: $input-group-addon-color;
-    text-align: center;
-    white-space: nowrap;
-    background-color: $input-group-addon-bg;
-    border-radius: $input-border-radius;
-    border: $input-border-width solid $input-group-addon-border-color;
-
-    .btn {
-        margin-right: 2px;
-        @include button-size($btn-padding-y - 2 * $input-border-width, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius - 2px);
-        @include button-variant($input-group-addon-bg, $color: $input-group-addon-color, $hover-background: $input-group-addon-bg, $enable-shadow: false);
-
-        &.btn-xs {
-            @include button-size($btn-padding-y-xs - 2 * $input-border-width, $btn-padding-x-xs, $btn-font-size-xs , $btn-line-height-xs, $btn-border-radius-xs - 1px);
-        }
-
-        &.btn-sm {
-            @include button-size($btn-padding-y-sm - 2 * $input-border-width, $btn-padding-x-sm, $btn-font-size-sm , $btn-line-height-sm, $btn-border-radius-sm - 2px);
-        }
-
-        &.btn-lg {
-            @include button-size($btn-padding-y-lg - 2 * $input-border-width, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg - 2px);
-        }
-    }
-}
-
-
-// Focus
-.input-group-focus {
-    .form-control,
-    .input-group-text,
-    .input-group-dropdown,
-    .input-group-append > .btn,
-    .input-group-prepend > .btn {
-        border-color: $input-focus-border-color;
-    }
-}
-
-
-// Sizing
-.input-group-lg > .form-control:not(textarea) {
-    height: $input-height-lg;
-}
-
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-text,
-.input-group-lg > .input-group-dropdown,
-.input-group-lg > .input-group-prepend > .input-group-text,
-.input-group-lg > .input-group-append > .input-group-text,
-.input-group-lg > .input-group-prepend > .input-group-dropdown,
-.input-group-lg > .input-group-append > .input-group-dropdown {
-    padding: $input-padding-y-lg $input-padding-x-lg;
-    font-size: $input-font-size-lg;
-    line-height: $input-line-height-lg;
-    border-radius: $input-border-radius-lg;
-}
-
-.input-group-lg > .input-group-prepend > .btn,
-.input-group-lg > .input-group-append > .btn {
-    padding: $input-padding-y-lg $input-padding-x-lg;
-    font-size: $input-font-size-lg;
-    border-radius: $input-border-radius-lg;
-    height: $input-height-lg;
-}
-
-.input-group-lg .input-group-dropdown .dropdown {
-    margin: -#{$input-padding-y-lg} -#{$input-padding-x-lg};
-}
-
-.input-group-sm > .form-control:not(textarea) {
-    height: $input-height-sm;
-}
-
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-text,
-.input-group-sm > .input-group-dropdown,
-.input-group-sm > .input-group-prepend > .input-group-text,
-.input-group-sm > .input-group-append > .input-group-text,
-.input-group-sm > .input-group-prepend > .input-group-dropdown,
-.input-group-sm > .input-group-append > .input-group-dropdown {
-    padding: $input-padding-y-sm $input-padding-x-sm;
-    font-size: $input-font-size-sm;
-    line-height: $input-line-height-sm;
-    border-radius: $input-border-radius-sm;
-}
-
-.input-group-lg > .input-group-prepend > .btn,
-.input-group-lg > .input-group-append > .btn {
-    padding: $input-padding-y-sm $input-padding-x-sm;
-    font-size: $input-font-size-sm;
-    border-radius: $input-border-radius-sm;
-    height: $input-height-sm;
-}
-
-.input-group-sm .input-group-dropdown .dropdown {
-    margin: -#{$input-padding-y-sm} -#{$input-padding-x-sm};
-}
-
-
-// Prepend and append rounded corners
-// These rulesets must come after the sizing ones to properly override sm and lg
-// border-radius values when extending. They're more specific than we'd like
-// with the `.input-group >` part, but without it, we cannot override the sizing.
-.input-group > .input-group-prepend > .btn,
-.input-group > .input-group-prepend > .input-group-text,
-.input-group > .input-group-prepend > .input-group-dropdown,
-.input-group > .input-group-append:not(:last-child) > .btn,
-.input-group > .input-group-append:not(:last-child) > .input-group-text,
-.input-group > .input-group-append:not(:last-child) > .input-group-dropdown,
-.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
-.input-group > .input-group-append:last-child > .input-group-dropdown:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.input-group > .input-group-prepend > .input-group-text:not([class*="bg-"]),
-.input-group > .input-group-append:last-child > .input-group-text:not([class*="bg-"]):not(:last-child) {
-    padding-right: 0;
-}
-
-.input-group > .input-group-append > .btn,
-.input-group > .input-group-append > .input-group-text,
-.input-group > .input-group-append > .input-group-dropdown,
-.input-group > .input-group-prepend:not(:first-child) > .btn,
-.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
-.input-group > .input-group-prepend:not(:first-child) > .input-group-dropdown,
-.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
-.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
-.input-group > .input-group-prepend:first-child > .input-group-dropdown:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.input-group > .input-group-append > .input-group-text:not([class*="bg-"]),
-.input-group > .input-group-prepend:first-child > .input-group-text:not([class*="bg-"]):not(:first-child) {
-    padding-left: 0;
-}

package/scss/_list-group.scss

@@ -1,82 +0,0 @@
-// List group
-// ---------------------------------------------------------------------------------------------------------------
-
-.list-group {
-	display: flex;
-	flex-direction: column;
-	padding-left: 0;
-	margin-bottom: 0;
-	margin-top: 0;
-}
-
-.list-group-item {
-	position: relative;
-	display: flex;
-	padding: 6px 0;
-	line-height: 20px;
-	color: $body-color;
-	align-items: center;
-	flex: 1 0 auto;
-
-	&.active {
-		.list-group-icon.image > .icon {
-			color: color('blue');
-		}
-	}
-
-	> a {
-		display: flex;
-		color: inherit;
-		align-items: center;
-		width: 100%;
-		flex: 1 1;
-	}
-
-	.list-group-icon {
-		margin-right: $icon-spacer;
-
-		&:not(.image) {
-			line-height: 20px;
-		}
-	}
-}
-
-.list-group-bordered:not(ul) {
-	.list-group-item {
-		border-bottom: 1px solid $border-color;
-
-		&:last-child {
-			border-bottom: 0;
-		}
-	}
-}
-
-ul.list-group {
-	li {
-		list-style: none;
-	}
-}
-
-ul.list-group-bordered {
-	li {
-		line-height: 0;
-	}
-
-	.list-group-item {
-		border-bottom: 1px solid $border-color;
-	}
-
-	li:last-child {
-		border-bottom: 0;
-
-		.list-group-item {
-			border-bottom: 0;
-		}
-	}
-}
-
-.list-group-inner-spacing {
-	.list-group-item {
-		padding: 15px;
-	}
-}

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/_navbar.scss

@@ -1,290 +0,0 @@
-// Navbar
-// ---------------------------------------------------------------------------------------------------------------
-
-html.dom-ready {
-    .navbar {
-    	.navbar-brand {
-			.sidebar-left-toggler,
-			.sidebar-right-toggler {
-				.border,
-				.img-bordered {
-					transition: border-color .15s ease-in-out;
-				}
-			}
-    	}
-
-    	.navbar-nav {
-			.nav-item {
-				transition: color .15s ease-in-out;
-
-				.border,
-				.img-bordered {
-					transition: border-color .15s ease-in-out;
-				}
-			}
-    	}
-    }
-}
-
-.navbar {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	background-color: $navbar-bg;
-	height: $navbar-height;
-	position: relative;
-	border-bottom: $navbar-border-width solid $navbar-border-color;
-	padding: 0 $navbar-padding-x;
-	@include media-breakpoint-down(sm) {
-		height: $navbar-height-sm;
-		padding: 0;
-	}
-
-	.navbar-brand {
-		display: flex;
-		align-items: center;
-		height: 100%;
-		box-sizing: border-box;
-		@include media-breakpoint-down(lg) {
-			width: 100%;
-		}
-
-		& + .navbar-nav {
-			margin-left: 20px;
-		}
-
-		// Brand
-		.brand-container {
-			display: flex;
-			height: 100%;
-			align-items: center;
-			justify-content: flex-start;
-			width: 100%;
-			height: 100%;
-			@include media-breakpoint-down(lg) {
-				justify-content: center;
-			}
-
-			.brand {
-				svg {
-					margin-top: 5px;
-				}
-			}
-		}
-
-		// Sidebar toggles
-		.sidebar-left-toggler,
-		.sidebar-right-toggler {
-		    display: flex;
-		    min-width: $navbar-height-sm;
-		    height: 100%;
-		    justify-content: center;
-		    align-items: center;
-		    @include media-breakpoint-up(lg) {
-		    	display: none
-		    }
-
-		    &.open {
-				.icon {
-					margin-right: -5px;
-
-					&.animated span {
-						&:nth-child(1) {
-							transform: rotate(45deg);
-							top: 0px;
-							left: 0px;
-						}
-
-						&:nth-child(2) {
-							width: 0%;
-					  		opacity: 0;
-						}
-
-						&:nth-child(3) {
-							transform: rotate(-45deg);
-							top: 15px;
-							left: 0px;
-						}
-					}
-				}
-			}
-
-			.icon {
-				&.animated {
-					width: 22px;
-					height: 15px;
-					position: relative;
-					transform: rotate(0deg);
-					transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
-					cursor: pointer;
-
-					span {
-						display: block;
-						position: absolute;
-						height: 2px;
-						width: 100%;
-						background: $navbar-color;
-						border-radius: 1px;
-						opacity: 1;
-						left: 0;
-						transform: rotate(0deg);
-						transition: 0.25s ease-in-out;
-
-						&:nth-child(1) {
-							top: 0px;
-							transform-origin: left center;
-						}
-
-						&:nth-child(2) {
-							top: 6px;
-							transform-origin: left center;
-						}
-
-						&:nth-child(3) {
-							top: 12px;
-							transform-origin: left center;
-						}
-					}
-				}
-			}
-
-			.border,
-			.img-bordered {
-				border-color: $navbar-color;
-			}
-
-			.avatar {
-				margin-right: spacer(2);
-				position: relative;
-				border: $border-width solid theme-color('light');
-				border-radius: 50%;
-
-				.notification-counter {
-				    background-color: theme-color('brand');
-				    color: white;
-				    font-weight: bolder;
-				    font-size: 10px;
-				    border-radius: 10px;
-				    padding: 2px 4px;
-				    height: 18px;
-				    display: flex;
-				    justify-content: center;
-				    align-items: center;
-				    position: absolute;
-				    left: -5px;
-				    top: -5px;
-				    z-index: 10;
-				    border: $border-width solid theme-color('light');
-				}
-			}
-		}
-	}
-
-	// Nav
-	.navbar-nav {
-		display: flex;
-		width: 100%;
-		height: 100%;
-		justify-content: flex-end;
-		align-items: center;
-		margin-right: -#{$navbar-item-padding-x};
-
-		@include media-breakpoint-down(lg) {
-			display: none;
-		}
-
-		// IE 11 fix
-		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-			justify-content: flex-start;
-		}
-
-		.nav-item-spacer {
-			flex: 0 0 $navbar-item-spacer-width;
-			width: $navbar-item-spacer-width;
-		}
-
-		.nav-item {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			padding: 0 $navbar-item-padding-x;
-			font-size: $navbar-item-font-size;
-			line-height: 0;
-			background-color: transparent;
-			border: 0;
-			cursor: pointer;
-			outline: 0;
-			color: $navbar-color;
-			margin: 0 0 auto 0;
-			box-sizing: border-box;
-			text-align: center;
-			height: 100%;
-			min-width: $navbar-item-min-width;
-
-			.icon {
-				width: auto;
-				height: $navbar-item-icon-size;
-			}
-
-			&:hover,
-			&.active {
-				color: $navbar-hover-color;
-
-				.border,
-				.img-bordered {
-					border-color: $navbar-hover-color;
-				}
-			}
-
-			.border,
-			.img-bordered {
-				border-color: $navbar-color;
-			}
-
-			&.pulse {
-			    position: relative;
-
-			    &:after {
-			        content: " ";
-			        position: absolute;
-			        top: calc(50% - #{$navbar-item-icon-size / 2});
-			        left: calc(50% - #{$navbar-item-icon-size / 2});
-			        display: block;
-			        width: $navbar-item-icon-size;
-			        height: $navbar-item-icon-size;
-			        border-radius: 50%;
-			        cursor: pointer;
-			        box-shadow: 0 0 0 rgba($navbar-pulse-shadow-color, 0.4);
-			        animation: navbar-item-pulse 2s 10;
-			    }
-
-			    &:hover {
-			        animation: none;
-			    }
-			}
-
-			.pulse:hover {
-			    animation: none;
-				}
-		}
-
-		.nav-dropdown {
-			height: 100%;
-		}
-	}
-}
-
-@keyframes navbar-item-pulse {
-    0% {
-        box-shadow: 0 0 0 0 rgba($navbar-pulse-shadow-color, 0.4);
-    }
-
-    70% {
-        box-shadow: 0 0 0 10px rgba($navbar-pulse-shadow-color, 0);
-    }
-
-    100% {
-        box-shadow: 0 0 0 0 rgba($navbar-pulse-shadow-color, 0);
-    }
-}

package/scss/_notification.scss

@@ -1,13 +0,0 @@
-// Notification
-// ---------------------------------------------------------------------------------------------------------------
-
-.notification {
-	border-radius: $border-radius;
-	padding: spacer(3);
-}
-
-@each $color, $value in $theme-colors {
-    .notification-#{$color} {
-        @include notification-variant($value);
-    }
-}