@hitsoft/e-donusum 1.0.10 → 1.0.12

package/assets/sass/core/components/buttons/_base.scss

@@ -1,129 +0,0 @@
-//
-// Buttons Base
-//
-
-// Button
-.btn {
-	--#{$prefix}btn-color: var(--#{$prefix}body-color);
-
-	// Reset outline
-	outline: none !important;	
-
-	// Reset focus shadow
-	&:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) {
-		box-shadow: none;
-	}
-
-	// Remove border
-	&:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
-		border: 0;
-		padding: calc(#{$btn-padding-y} + #{$btn-border-width}) calc(#{$btn-padding-x} + #{$btn-border-width});
-
-		&.btn-lg {
-			padding: calc(#{$btn-padding-y-lg} + #{$btn-border-width}) calc(#{$btn-padding-x-lg} + #{$btn-border-width});
-		}
-
-		&.btn-sm {
-			padding: calc(#{$btn-padding-y-sm} + #{$btn-border-width}) calc(#{$btn-padding-x-sm} + #{$btn-border-width});
-		}
-	}
-
-	// Link
-	&.btn-link {
-		border: 0;
-		border-radius: 0;
-		padding-left: 0 !important;
-		padding-right: 0 !important;
-		text-decoration: none;
-		font-weight: $btn-font-weight;
-	}
- 
-	// Outline
-	&.btn-outline:not(.btn-outline-dashed) {
-		border: 1px solid $input-border-color;
-	}
-
-	// Outline dashed
-	&.btn-outline-dashed {
-		border: 1px dashed $input-border-color;
-	}
-
-	// Flush
-	&.btn-flush {
-		@include button-reset();
-	}
-
-	// Flex
-	&.btn-flex {		
-		display: inline-flex;
-		align-items: center;
-	}
-
-	// Align start
-	&.btn-trim-start {
-		justify-content: flex-start !important;
-		padding-left: 0 !important;		
-	}
-
-	// Align start
-	&.btn-trim-end {
-		justify-content: flex-end !important;
-		padding-right: 0 !important;	
-	} 
-}
-
-// Reset
-.btn-reset {
-	background-color: transparent;
-	border: 0;
-	box-shadow: none;
-	user-select: none;
-	outline: none;
-}
-
-// Icons
-.btn {
-	// Font icon
-	> i {
-		display: inline-flex;
-		font-size: $font-size-base;
-		padding-right: 0.35rem;
-		vertical-align: middle;
-	}
-
-	// Icon only button
-	&.btn-icon {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0;
-		height: $input-height;
-		width: $input-height;
-		line-height: 1;
-
-		i {
-			padding-right: 0;	
-		}
-
-		// Remove border
-		&:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
-			border: 0;
-		}
-
-		// Sizes
-		&.btn-sm {
-			height: $input-height-sm;
-			width: $input-height-sm;
-			 
-		}
-
-		&.btn-lg {
-			height: $input-height-lg;
-			width: $input-height-lg;
-		}
-
-		&.btn-circle {
-			border-radius: 50%;
-		}
-	}
-}

package/assets/sass/core/components/buttons/_theme.scss

@@ -1,277 +0,0 @@
-//
-// Buttons Theme
-//
-
-// Outline dashed basic style
-.btn.btn-outline.btn-outline-dashed {
-	border-width: 1px;
-	border-style: dashed;	
-	
-	$color: null;
-	$icon-color: null;
-	$border-color: null;
-	$bg-color: null;;
-
-	$color-active: null;
-	$icon-color-active: null;
-	$border-color-active: var(--#{$prefix}primary);
-	$bg-color-active: null;
-
-	@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-}
-
-// Outline hover basic style
-.btn.btn-hover-outline {
-	border-width: 1px;
-	border-style: solid;	
-	
-	$color: null;
-	$icon-color: null;
-	$border-color: null;
-	$bg-color: null;
-
-	$color-active: null;
-	$icon-color-active: null;
-	$border-color-active: $input-border-color;
-	$bg-color-active: null;
-
-	@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-}
-
-// Theme colors
-@each $name, $value in $theme-colors {
-	// Base
-	.btn.btn-#{$name} {
-		$color: var(--#{$prefix}#{$name}-inverse);
-		$icon-color: var(--#{$prefix}#{$name}-inverse);
-		$border-color: var(--#{$prefix}#{$name});
-		$bg-color: var(--#{$prefix}#{$name});
-
-		$color-active: var(--#{$prefix}#{$name}-inverse);
-		$icon-color-active: var(--#{$prefix}#{$name}-inverse);
-		$border-color-active: var(--#{$prefix}#{$name}-active);
-		$bg-color-active: var(--#{$prefix}#{$name}-active);
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Light
-	@if ( theme-light-color($name) ) {
-		.btn.btn-light-#{$name} {
-			$color: var(--#{$prefix}#{$name});
-			$icon-color: var(--#{$prefix}#{$name});
-			$border-color: var(--#{$prefix}#{$name}-light);
-			$bg-color: var(--#{$prefix}#{$name}-light);
-	
-			$color-active: var(--#{$prefix}#{$name}-inverse);
-			$icon-color-active: var(--#{$prefix}#{$name}-inverse);
-			$border-color-active: var(--#{$prefix}#{$name});
-			$bg-color-active: var(--#{$prefix}#{$name});
-	
-			@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-		}
-	}	
-
-	// Background
-	.btn.btn-bg-#{$name} {
-		$color: null;
-		$icon-color: null;
-		$border-color: var(--#{$prefix}#{$name});
-		$bg-color: var(--#{$prefix}#{$name});		
-
-		$color-active: null;
-		$icon-color-active: null;
-		$border-color-active: null;
-		$bg-color-active: null;			
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-	
-	// Active
-	.btn.btn-active-#{$name} {
-		$color: null;
-		$icon-color: null;
-		$border-color: null;
-		$bg-color: null;
-
-		$color-active: var(--#{$prefix}#{$name}-inverse);
-		$icon-color-active: var(--#{$prefix}#{$name}-inverse);
-		$border-color-active: var(--#{$prefix}#{$name});
-		$bg-color-active: var(--#{$prefix}#{$name});
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Light
-	@if ( theme-light-color($name) ) {
-		.btn.btn-active-light-#{$name} {
-			$color: null;
-			$icon-color: null;
-			$border-color: null;
-			$bg-color: null;
-
-			$color-active: var(--#{$prefix}#{$name});
-			$icon-color-active: var(--#{$prefix}#{$name});
-			$border-color-active: var(--#{$prefix}#{$name}-light);
-			$bg-color-active: var(--#{$prefix}#{$name}-light);
-
-			@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-		}
-	}
-
-	// Outline
-	.btn.btn-outline.btn-outline-#{$name} {
-		$color: var(--#{$prefix}#{$name});
-		$icon-color: var(--#{$prefix}#{$name});
-		$border-color: var(--#{$prefix}#{$name});
-		$bg-color: transparent;
-
-		$color-active: var(--#{$prefix}#{$name}-active);
-		$icon-color-active: var(--#{$prefix}#{$name}-active);
-		$border-color-active: var(--#{$prefix}#{$name});
-		$bg-color-active: var(--#{$prefix}#{$name}-light);
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-}
-
-// Theme text colors
-@each $name, $value in $theme-text-colors {
-	// Text and icon colors
-	.btn.btn-color-#{$name} {
-		$color: var(--#{$prefix}text-#{$name});
-		$icon-color: var(--#{$prefix}text-#{$name});
-		$bg-color: null;
-		$border-color: null;
-
-		$color-active: null;
-		$icon-color-active: null;
-		$border-color-active: null;
-		$bg-color-active: null;
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Text and icon colors active state
-	.btn.btn-active-color-#{$name} {
-		$color: null;
-		$icon-color: null;
-		$border-color: null;
-		$bg-color: null;
-
-		$color-active: var(--#{$prefix}text-#{$name});
-		$icon-color-active: var(--#{$prefix}text-#{$name});
-		$border-color-active: null;
-		$bg-color-active: null;
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Icon colors 
-	.btn.btn-icon-#{$name} {
-		$color: null;
-		$icon-color: var(--#{$prefix}text-#{$name});
-		$bg-color: null;
-		$border-color: null;
-
-		$color-active: null;
-		$icon-color-active: null;
-		$border-color-active: null;
-		$bg-color-active: null;
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Icon colors active state
-	.btn.btn-active-icon-#{$name} {
-		$color: null;
-		$icon-color: null;
-		$bg-color: null;
-		$border-color: null;
-
-		$color-active: null;
-		$icon-color-active: var(--#{$prefix}text-#{$name});
-		$border-color-active: null;
-		$bg-color-active: null;
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Text colors
-	.btn.btn-text-#{$name} {
-		$color: var(--#{$prefix}text-#{$name});
-		$icon-color: null;
-		$bg-color: null;
-		$border-color: null;
-
-		$color-active: null;
-		$icon-color-active: null;
-		$border-color-active: null;
-		$bg-color-active: null;
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Text colors active state
-	.btn.btn-active-text-#{$name} {
-		$color: null;
-		$icon-color: null;
-		$bg-color: null;
-		$border-color: null;
-
-		$color-active: var(--#{$prefix}text-#{$name});
-		$icon-color-active: null;
-		$border-color-active: null;
-		$bg-color-active: null;
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}	
-}
-
-// Social colors
-@each $name, $value in $social-colors {
-	// Base
-	.btn.btn-#{$name} {
-		$color: get($value, inverse);
-		$icon-color: get($value, inverse);
-		$border-color: get($value, base);
-		$bg-color: get($value, base);
-
-		$color-active: null;
-		$icon-color-active: null;
-		$border-color-active: get($value, active);
-		$bg-color-active: get($value, active);
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-
-	// Light
-	.btn.btn-light-#{$name} {
-		$color: get($value, base);
-		$icon-color: get($value, base);
-		$bg-color: get($value, light);
-		$border-color: get($value, light);
-
-		$color-active: get($value, inverse);
-		$icon-color-active: get($value, inverse);
-		$bg-color-active: get($value, base);
-		$border-color-active: get($value, base);
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-}
-
-@include color-mode(dark) {
-	.btn.btn-dark {
-		@include button-custom-variant(
-			$color: $gray-800-dark, 
-			$icon-color: $gray-800-dark, 
-			$border-color: null, 
-			$bg-color: $gray-400-dark,
-			$color-active: lighten($gray-800-dark, 3%), 
-			$icon-color-active: lighten($gray-800-dark, 3%), 
-			$border-color-active: null, 
-			$bg-color-active: lighten($gray-400-dark, 3%),
-		);
-	}
-}

package/assets/sass/core/components/buttons_new/_base.scss

@@ -1,74 +0,0 @@
-//
-// Buttons Base
-//
-
-// Base
-.btn {
-}
-
-// With icon
-.btn {
-	// Font icon
-	> i {
-		display: inline-flex;
-		font-size: $font-size-base;
-		padding-right: 0.35rem;
-		vertical-align: middle;
-	}
-
-	// Icon only button
-	&.btn-icon {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		padding: 0;
-		height: $input-height;
-		width: $input-height;
-		line-height: 1;
-
-		i {
-			padding-right: 0;	
-		}
-
-		// Sizes
-		&.btn-sm {
-			height: $input-height-sm;
-			width: $input-height-sm;			 
-		}
-
-		&.btn-lg {
-			height: $input-height-lg;
-			width: $input-height-lg;
-		}
-
-		&.btn-circle {
-			border-radius: 50%;
-		}
-	}
-}
-
-// Utilities
-.btn {
-	.btn-reset {
-		background-color: transparent;
-		border: 0;
-		box-shadow: none;
-		user-select: none;
-		outline: none;
-	}
-
-	&.btn-flex {		
-		display: inline-flex;
-		align-items: center;
-	}
-
-	&.btn-trim-start {
-		justify-content: flex-start !important;
-		padding-left: 0 !important;		
-	}
-
-	&.btn-trim-end {
-		justify-content: flex-end !important;
-		padding-right: 0 !important;	
-	} 		
-}

package/assets/sass/core/components/buttons_new/_theme.scss

@@ -1,21 +0,0 @@
-//
-// Buttons Theme
-//
-
-// Theme colors
-@each $name, $value in $theme-colors {
-	// Base
-	.btn.btn-#{$name} {
-		$color: var(--#{$prefix}#{$name}-inverse);
-		$icon-color: var(--#{$prefix}#{$name}-inverse);
-		$border-color: var(--#{$prefix}#{$name});
-		$bg-color: var(--#{$prefix}#{$name});
-
-		$color-active: var(--#{$prefix}#{$name}-inverse);
-		$icon-color-active: var(--#{$prefix}#{$name}-inverse);
-		$border-color-active: var(--#{$prefix}#{$name}-active);
-		$bg-color-active: var(--#{$prefix}#{$name}-active);
-
-		@include button-custom-variant($color, $icon-color, $border-color, $bg-color, $color-active, $icon-color-active, $border-color-active, $bg-color-active);
-	}
-}

package/assets/sass/core/components/components.scss

@@ -1,68 +0,0 @@
-//
-// Components
-//
-
-// Extended bootstrap utilities
-@import "utilities";
-
-// Bootstrap components
-@import "bootstrap/scss/bootstrap";
-
-// Custom components
-@import "root";
-@import "reboot";
-@import "type";
-@import "theme-mode";
-@import "animation";
-@import "alert";
-@import "dropdown";
-@import "toasts";
-@import "nav";
-@import "nav-line-tabs";
-@import "nav-pills-custom";
-@import "pagination";
-@import "separator";
-@import "carousel";
-@import "menu";
-@import "anchor";
-@import "card";
-@import "breadcrumb";
-@import "buttons";
-@import "modal";
-@import "code";
-@import "forms";
-@import "progress";
-@import "tables";
-@import "popover";
-@import "tooltip";
-@import "accordion";
-@import "image-input";
-@import "symbol";
-@import "pulse";
-@import "page-loader";
-@import "scrolltop";
-@import "svg-icon";
-@import "fixed";
-@import "timeline";
-@import "timeline-label";
-@import "overlay";
-@import "bullet";
-@import "drawer";
-@import "badge";
-@import "indicator";
-@import "hover";
-@import "rotate";
-@import "scroll";
-@import "rating";
-@import "stepper";
-@import "toggle";
-@import "shape";
-@import "ribbon";
-@import "blockui";
-@import "explore";
-@import "engage";
-@import "cookiealert";
-@import "print";
-@import "helpers";
-@import "tree";
-@import "testimonials-slider";

package/assets/sass/core/components/forms/_floating-labels.scss

@@ -1,20 +0,0 @@
-//
-// Floating label
-//
-
-.form-floating {
-    .form-control.form-control-solid {
-        &::placeholder {
-            color: transparent;    
-        }
-    }
-
-    &.form-control-solid-bg label,
-    > :disabled ~ label,
-    > :focus ~ label {
-        &::after {
-            background-color: transparent !important;
-        }
-    }
-}
-