@hitsoft/e-donusum 1.0.10 → 1.0.12

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

@@ -1,519 +0,0 @@
-//
-// Menu Theme
-//
-
-// Theme text colors
-@each $name, $color in $theme-text-colors {
-    .menu-#{$name} {
-        .menu-item {
-            //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-            @include menu-link-default-state( var(--#{$prefix}#{$name}), var(--#{$prefix}#{$name}), var(--#{$prefix}#{$name}), var(--#{$prefix}#{$name}), null );
-        }
-    }
-
-    .menu-title-#{$name} {
-        .menu-item {
-            //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-            @include menu-link-default-state( var(--#{$prefix}text-#{$name}), null, null, null, null );
-        }
-    }
-
-    .menu-icon-#{$name} {
-        .menu-item {
-            //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-            @include menu-link-default-state( null, var(--#{$prefix}text-#{$name}), null, null, null );
-        }
-    }
-
-    .menu-bullet-#{$name} {
-        .menu-item {
-            //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-            @include menu-link-default-state( null, null, var(--#{$prefix}text-#{$name}), null, null );
-        }
-    }
-
-    .menu-arrow-#{$name} {
-        .menu-item {
-            //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-            @include menu-link-default-state( null, null, null, var(--#{$prefix}text-#{$name}), null );
-        }
-    }
-}
-
-// Default background states
-.menu-hover-bg {
-    .menu-item {
-        @include menu-link-hover-state( 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-bg-color-hover) 
-        );
-    }
-}
-
-.menu-here-bg {
-    .menu-item {
-        @include menu-link-here-state( 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-bg-color-here) 
-        );
-    }
-}
-
-.menu-root-here-bg {
-    > .menu-item {
-        @include menu-link-here-state( 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-bg-color-here) 
-        );
-    }
-}
-
-// Desktop mode
-@include media-breakpoint-up(lg) {
-    .menu-root-here-bg-desktop {
-        > .menu-item {
-            @include menu-link-here-state( 
-                var(--#{$prefix}menu-link-color-here), 
-                var(--#{$prefix}menu-link-color-here), 
-                var(--#{$prefix}menu-link-color-here), 
-                var(--#{$prefix}menu-link-color-here), 
-                var(--#{$prefix}menu-link-bg-color-here) 
-            );
-        }
-    }
-}
-
-.menu-show-bg {
-    .menu-item {
-        @include menu-link-show-state( 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-bg-color-show) 
-        );
-    }
-}
-
-.menu-active-bg {
-    .menu-item {
-        @include menu-link-active-state( 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-bg-color-active) 
-        );
-    }
-}
-
-.menu-state-bg {
-    .menu-item {
-        @include menu-link-hover-state( 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-bg-color-hover) 
-        );
-
-        @include menu-link-here-state( 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-bg-color-here) 
-        );
-
-        @include menu-link-show-state( 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-bg-color-show) 
-        );
-
-        @include menu-link-active-state( 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-bg-color-active) 
-        );
-    }
-}
-
-.menu-state-color {
-    .menu-item {
-        @include menu-link-hover-state( 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            var(--#{$prefix}menu-link-color-hover), 
-            null
-        );
-
-        @include menu-link-here-state( 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            var(--#{$prefix}menu-link-color-here), 
-            null
-        );
-
-        @include menu-link-show-state( 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            var(--#{$prefix}menu-link-color-show), 
-            null
-        );
-
-        @include menu-link-active-state( 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            var(--#{$prefix}menu-link-color-active), 
-            null
-        );
-    }
-}
-
-// Primary background states
-.menu-hover-bg-primary {
-    .menu-item {
-        @include menu-link-hover-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary) 
-        );
-    }
-}
-
-.menu-show-bg-primary {
-    .menu-item {
-        @include menu-link-show-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary) 
-        );
-    }
-}
-
-.menu-here-bg-primary {
-    .menu-item {
-        @include menu-link-here-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary)
-        );
-    }
-}
-
-.menu-active-bg-primary {
-    .menu-item {
-        @include menu-link-active-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary)
-        );
-    }
-}
-
-.menu-state-bg-primary {
-    .menu-item {
-        @include menu-link-hover-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary) 
-        );
-
-        @include menu-link-show-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary) 
-        );
-
-        @include menu-link-here-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary)
-        );
-
-        @include menu-link-active-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary)
-        );
-
-        @include menu-link-show-state( 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary-inverse), 
-            var(--#{$prefix}primary) 
-        );
-    }
-}
-
-// Light primary background states
-.menu-show-bg-light-primary {
-    .menu-item {
-        @include menu-link-show-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-    }
-}
-
-.menu-here-bg-light-primary {
-    .menu-item {
-        @include menu-link-here-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-    }
-}
-
-.menu-hover-bg-light-primary {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-    }
-}
-
-.menu-active-bg-light-primary {
-    .menu-item {
-        @include menu-link-active-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-    }
-}
-
-.menu-state-bg-light-primary {
-    .menu-item {
-        @include menu-link-show-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-        @include menu-link-here-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-        @include menu-link-hover-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-        @include menu-link-active-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary-light) );
-    }
-}
-
-// Primary color states
-.menu-hover-primary {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-show-primary {
-    .menu-item {
-        @include menu-link-show-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-here-primary {
-    .menu-item {
-        @include menu-link-here-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-active-primary {
-    .menu-item {
-        @include menu-link-active-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-state-primary {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-        @include menu-link-show-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-        @include menu-link-here-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-        @include menu-link-active-state( var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-state-dark {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), null );
-        @include menu-link-show-state( var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), null );
-        @include menu-link-here-state( var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), null );
-        @include menu-link-active-state( var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), var(--#{$prefix}dark), null );
-    }
-}
-
-.menu-state-gray-900 {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), null );
-        @include menu-link-show-state( var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), null );
-        @include menu-link-here-state( var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), null );
-        @include menu-link-active-state( var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), var(--#{$prefix}gray-900), null );
-    }
-}
-
-// Primary title color states
-.menu-hover-title-primary {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}primary), null, null, null, null );
-    }
-}
-
-.menu-here-title-primary {
-    .menu-item {
-        @include menu-link-here-state( var(--#{$prefix}primary), null, null, null, null );
-    }
-}
-
-.menu-show-title-primary {
-    .menu-item {
-        @include menu-link-show-state( var(--#{$prefix}primary), null, null, null, null );
-    }
-}
-
-.menu-active-title-primary {
-    .menu-item {
-        @include menu-link-active-state( var(--#{$prefix}primary), null, null, null, null );
-    }
-}
-
-.menu-state-title-primary {
-    .menu-item {
-        @include menu-link-hover-state( var(--#{$prefix}primary), null, null, null, null );
-        @include menu-link-here-state( var(--#{$prefix}primary), null, null, null, null );
-        @include menu-link-show-state( var(--#{$prefix}primary), null, null, null, null );
-        @include menu-link-active-state( var(--#{$prefix}primary), null, null, null, null );
-    }
-}
-
-// Primary icon color states
-.menu-hover-icon-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-hover-state( null, var(--#{$prefix}primary), null, null, null );
-    }
-}
-
-.menu-here-icon-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-here-state( null, var(--#{$prefix}primary), null, null, null );
-    }
-}
-
-.menu-show-icon-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-show-state( null, var(--#{$prefix}primary), null, null, null );
-    }
-}
-
-.menu-active-icon-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-active-state( null, var(--#{$prefix}primary), null, null, null );
-    }
-}
-
-.menu-state-icon-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-hover-state( null, var(--#{$prefix}primary), null, null, null );
-        @include menu-link-here-state( null, var(--#{$prefix}primary), null, null, null );
-        @include menu-link-show-state( null, var(--#{$prefix}primary), null, null, null );
-        @include menu-link-active-state( null, var(--#{$prefix}primary), null, null, null );
-    }
-}
-
-// Primary bullet color states
-.menu-hover-bullet-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-hover-state( null, null, var(--#{$prefix}primary), null, null );
-    }
-}
-
-.menu-show-bullet-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-show-state( null, null, var(--#{$prefix}primary), null, null );
-    }
-}
-
-.menu-here-bullet-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-here-state( null, null, var(--#{$prefix}primary), null, null );
-    }
-}
-
-.menu-active-bullet-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-active-state( null, null, var(--#{$prefix}primary), null, null );
-    }
-}
-
-.menu-state-bullet-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-hover-state( null, null, var(--#{$prefix}primary), null, null );
-        @include menu-link-here-state( null, null, var(--#{$prefix}primary), null, null );
-        @include menu-link-show-state( null, null, var(--#{$prefix}primary), null, null );
-        @include menu-link-active-state( null, null, var(--#{$prefix}primary), null, null );
-    }
-}
-
-// Primary arrow color states
-.menu-hover-arrow-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-hover-state( null, null, null, var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-here-arrow-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-here-state( null, null, null, var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-show-arrow-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-show-state( null, null, null, var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-active-arrow-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-active-state( null, null, null, var(--#{$prefix}primary), null );
-    }
-}
-
-.menu-state-arrow-primary {
-    .menu-item {
-        //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
-        @include menu-link-hover-state( null, null, null, var(--#{$prefix}primary), null );
-        @include menu-link-here-state( null, null, null, var(--#{$prefix}primary), null );
-        @include menu-link-show-state( null, null, null, var(--#{$prefix}primary), null );
-        @include menu-link-active-state( null, null, null, var(--#{$prefix}primary), null );
-    }
-}

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

@@ -1,84 +0,0 @@
-//
-// Button Mixins
-//
-
-// Custom variant
-@mixin button-custom-variant(
-    $color,
-    $icon-color,
-    $border-color,
-    $bg-color,
-    $color-active,
-    $icon-color-active,
-    $border-color-active,
-    $bg-color-active
-) {
-
-    @if ( $color != null ) {
-        color: $color;
-    }
-
-    @if ( $icon-color != null ) {
-        i,
-        .svg-icon {
-    		color: $icon-color;
-    	}
-
-        &.dropdown-toggle:after {
-            color: $icon-color;
-        }
-    }
-
-    @if ( $border-color != null ) {
-        border-color: $border-color;
-    }
-
-    @if ( $bg-color != null ) {
-        background-color: $bg-color;
-    }
-
-    .btn-check:checked + &,
-    .btn-check:active + &,
-    &:focus:not(.btn-active),
-    &:hover:not(.btn-active),
-    &:active:not(.btn-active),
-    &.active,
-    &.show,
-    .show > & {
-        @if ( $color-active != null ) {
-            color: $color-active;
-        }
-
-        @if ( $icon-color-active != null ) {
-            i,
-            .svg-icon {
-        		color: $icon-color-active;
-        	}
-
-            &.dropdown-toggle:after {
-                color: $icon-color-active;
-            }
-        }
-
-        @if ( $border-color-active != null ) {
-            border-color: $border-color-active;
-        }
-
-        @if ( $bg-color-active != null ) {
-            background-color: $bg-color-active !important;
-        }
-    }
-}
-
-@mixin button-active-state() {    
-    .btn-check:checked + &,
-    .btn-check:active + &,
-    &:focus:not(.btn-active),
-    &:hover:not(.btn-active),
-    &:active:not(.btn-active),
-    &.active,
-    &.show,
-    .show > & {
-        @content;
-    }
-}

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

@@ -1,18 +0,0 @@
-//
-// Keenthemes Icons
-//
-
-@mixin ki($icon) {
-    font-family: Ki;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    line-height: 1;
-    text-decoration: inherit;
-    text-rendering: optimizeLegibility;
-    text-transform: none;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    font-smoothing: antialiased;
-    content: "#{$icon}";
-}