İlk temizlik tamamlandı bir önceki projeden

assets/admin2/_scss/codebase/mixins/_background-variant.scss

@@ -0,0 +1,10 @@
+//
+// Backgrounds
+// --------------------------------------------------
+
+@mixin bg-gradient-variant($parent, $deg, $color1, $color2) {
+    #{$parent} {
+        background: $color1;
+        background: linear-gradient($deg, $color1 0%, $color2 100%) !important;
+    }
+}

assets/admin2/_scss/codebase/mixins/_buttons.scss

@@ -0,0 +1,174 @@
+//
+// Buttons
+// --------------------------------------------------
+
+@mixin button-variant($background, $border, $active-background: darken($background, 12%), $active-border: darken($border, 22%)) {
+    $border-default: darken($border, 12%);
+
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border-default;
+    @include box-shadow($btn-box-shadow);
+
+    &:hover,
+    &:focus,
+    &.focus {
+        color: color-yiq($background);
+        background-color: $active-background;
+        border-color: $active-border;
+    }
+
+    &.disabled,
+    &:disabled {
+        background-color: $background;
+        border-color: $border-default;
+    }
+
+    &:not([disabled]):not(.disabled):active {
+        background-color: $background;
+        border-color: $border-default;
+    }
+
+    &:not([disabled]):not(.disabled).active,
+    .show > &.dropdown-toggle {
+        background-color: $active-background;
+        background-image: none; // Remove the gradient for the pressed/active state
+        border-color: $active-border;
+    }
+
+    &.btn-noborder {
+        border-color: $background;
+
+        &:hover,
+        &:focus,
+        &.focus {
+            border-color: $active-background;
+        }
+
+        &.disabled,
+        &:disabled,
+        &:not([disabled]):not(.disabled):active,
+        &:not([disabled]):not(.disabled).active {
+            border-color: $background;
+        }
+
+        .show > &.dropdown-toggle {
+            border-color: $active-background;
+        }
+    }
+}
+
+@mixin button-outline-variant($color, $color-hover: #fff) {
+    color: $color;
+    background-color: transparent;
+    background-image: none;
+    border-color: $color;
+
+    &:hover,
+    &:focus,
+    &.focus {
+        color: $color-hover;
+        background-color: $color;
+        border-color: $color;
+    }
+
+    &.disabled,
+    &:disabled {
+        color: $color;
+        background-color: transparent;
+    }
+
+    &:not([disabled]):not(.disabled):active {
+        color: $color;
+        background-color: transparent;
+        border-color: $color;
+    }
+
+    &:not([disabled]):not(.disabled).active,
+    .show > &.dropdown-toggle {
+        color: $color-hover;
+        background-color: $color;
+        border-color: $color;
+    }
+
+    &.btn-noborder {
+        border-color: transparent;
+
+        &:not([disabled]):not(.disabled):active,
+        &:not([disabled]):not(.disabled).active {
+            border-color: transparent;
+        }
+    }
+}
+
+@mixin button-alt-variant($color, $background) {
+    $active-color: darken($color, 25%);
+    $active-background: darken($background, 10%);
+
+    color: $active-color;
+    background-color: $background;
+    border-color: $background;
+
+    &:hover,
+    &:focus,
+    &.focus {
+        color: $active-color;
+        background-color: $active-background;
+        border-color: $active-background;
+        box-shadow: none;
+    }
+
+    &.disabled,
+    &:disabled {
+        background-color: $background;
+        border-color: $background;
+    }
+
+    &:not([disabled]):not(.disabled):active {
+        color: $active-color;
+        background-color: $background;
+        border-color: $background;
+    }
+
+    &:not([disabled]):not(.disabled).active,
+    .show > &.dropdown-toggle {
+        color: $active-color;
+        background-color: $active-background;
+        border-color: $active-background;
+    }
+}
+
+// Used for buttons that adapt to light/dark header and sidebar variations
+@mixin button-dual-variant($color, $background) {
+    color: $color;
+    background-color: transparent;
+    border-color: transparent;
+
+    &:hover,
+    &:focus,
+    &.focus {
+        color: $color;
+        background-color: $background;
+        border-color: $background;
+        box-shadow: none;
+    }
+
+    &.disabled,
+    &:disabled {
+        background-color: transparent;
+        border-color: transparent;
+    }
+
+    &:not([disabled]):not(.disabled):active {
+        color: $color;
+        background-color: transparent;
+        border-color: transparent;
+    }
+
+    &:not([disabled]):not(.disabled).active,
+    .show > &.dropdown-toggle {
+        color: $color;
+        background-color: $background;
+        border-color: $background;
+    }
+}

assets/admin2/_scss/codebase/mixins/_content.scss

@@ -0,0 +1,59 @@
+//
+// Content
+// --------------------------------------------------
+
+@mixin content-layout($x, $y, $overflow: visible) {
+    margin: 0 auto;
+    padding: $y $x 1px;
+    width: 100%;
+    overflow-x: $overflow;
+
+    .pull-t {
+        margin-top: -$y;
+    }
+
+    .pull-b {
+        margin-bottom: -1px;
+    }
+
+    .pull-t-b {
+        margin-top: -$y;
+        margin-bottom: -1px;
+    }
+
+    .pull-r-l {
+        margin-right: -$x;
+        margin-left: -$x;
+    }
+
+    .pull-all {
+        margin: (-$y) (-$x) (-1px);
+    }
+
+    @at-root {
+        #{&}#{&}-full {
+            padding-bottom: $y;
+
+            .pull-b,
+            .pull-t-b,
+            .pull-all {
+                margin-bottom: -$y;
+            }
+        }
+    }
+
+    p,
+    .push,
+    .block,
+    .items-push > div {
+        margin-bottom: $y;
+    }
+
+    .items-push-2x > div {
+        margin-bottom: $y*2;
+    }
+
+    .items-push-3x > div {
+        margin-bottom: $y*3;
+    }
+}

assets/admin2/_scss/codebase/mixins/_forms.scss

@@ -0,0 +1,165 @@
+//
+// Forms
+// --------------------------------------------------
+
+@mixin form-validation-state($state, $color) {
+    .#{$state}-feedback {
+        display: none;
+        margin-top: .25rem;
+        font-size: .875rem;
+        color: $color;
+    }
+
+    .#{$state}-tooltip {
+        position: absolute;
+        top: 100%;
+        z-index: 5;
+        display: none;
+        width: 250px;
+        padding: .5rem;
+        margin-top: .1rem;
+        font-size: .875rem;
+        line-height: 1;
+        color: #fff;
+        background-color: rgba($color,.8);
+        border-radius: .2rem;
+    }
+
+    .form-control,
+    .custom-select {
+        .was-validated &:#{$state},
+        &.is-#{$state} {
+            border-color: $color;
+
+            ~ .#{$state}-feedback,
+            ~ .#{$state}-tooltip {
+                display: block;
+            }
+        }
+    }
+
+    .form-check-input {
+        .was-validated &:#{$state},
+        &.is-#{$state} {
+            + .form-check-label {
+                color: $color;
+            }
+        }
+    }
+
+    // Custom radios and checks
+    .custom-control-input {
+        .was-validated &:#{$state},
+        &.is-#{$state} {
+            ~ .custom-control-label {
+                color: $color;
+
+                &::before {
+                    background-color: lighten($color, 25%);
+                }
+            }
+
+            ~ .#{$state}-feedback,
+            ~ .#{$state}-tooltip {
+                display: block;
+            }
+
+            &:checked {
+                ~ .custom-control-label::before {
+                    @include gradient-bg(lighten($color, 10%));
+                }
+            }
+        }
+    }
+
+    // Custom file
+    .custom-file-input {
+        .was-validated &:#{$state},
+        &.is-#{$state} {
+            ~ .custom-file-label {
+                border-color: $color;
+
+                &::before { border-color: inherit; }
+            }
+
+            ~ .#{$state}-feedback,
+            ~ .#{$state}-tooltip {
+                display: block;
+            }
+        }
+    }
+
+    // Custom
+    .is-#{$state} {
+        .form-control {
+            border-color: $color;
+        }
+
+        .form-check-input ~ .form-check-label {
+            color: $color;
+        }
+
+        .custom-control-input ~ .custom-control-label {
+            color: $color;
+
+            &::before {
+                background-color: rgba($color, .25);
+            }
+        }
+
+        .#{$state}-feedback,
+        .#{$state}-tooltip {
+            display: block;
+        }
+    }
+}
+
+@mixin form-control-material-focus-variant($color) {
+    &:focus {
+        box-shadow: 0 2px $color;
+
+        + label {
+            color: $color;
+        }
+
+        ~ .input-group-append {
+            color: $color;
+            box-shadow: 0 2px $color;
+        }
+    }
+}
+
+@mixin form-validation-state-material($state, $color) {
+    .is-#{$state} .form-material {
+        > .form-control {
+            box-shadow: 0 1px 0 $color;
+
+            ~ .input-group-append {
+                color: $color;
+                box-shadow: 0 1px 0 $color;
+            }
+
+            &:focus {
+                box-shadow: 0 2px $color;
+
+                + label {
+                    color: $color;
+                }
+
+                ~ .input-group-append {
+                    color: $color;
+                    box-shadow: 0 2px $color;
+                }
+            }
+        }
+
+        ~ .invalid-feedback,
+        ~ .invalid-tooltip {
+            display: block;
+        }
+
+        label {
+            color: $color;
+        }
+    }
+}

assets/admin2/_scss/codebase/mixins/_ribbon.scss

@@ -0,0 +1,47 @@
+//
+// Ribbon
+// --------------------------------------------------
+
+@mixin ribbon-variation($color) {
+    .ribbon-box {
+        background-color: $color;
+    }
+
+    &.ribbon-bookmark {
+        .ribbon-box::before {
+            border-color: $color;
+            border-left-color: transparent;
+        }
+
+        &.ribbon-left .ribbon-box::before {
+            border-color: $color;
+            border-right-color: transparent;
+        }
+    }
+
+    &.ribbon-modern {
+        .ribbon-box::before {
+            border-color: $color;
+            border-left-color: transparent;
+            border-bottom-color: transparent;
+        }
+
+        &.ribbon-bottom .ribbon-box::before {
+            border-color: $color;
+            border-top-color: transparent;
+            border-left-color: transparent;
+        }
+
+        &.ribbon-left .ribbon-box::before {
+            border-color: $color;
+            border-right-color: transparent;
+            border-bottom-color: transparent;
+        }
+
+        &.ribbon-left.ribbon-bottom .ribbon-box::before {
+            border-color: $color;
+            border-top-color: transparent;
+            border-right-color: transparent;
+        }
+    }
+}

assets/admin2/_scss/codebase/mixins/_text-emphasis.scss

@@ -0,0 +1,19 @@
+//
+// Text emphasis
+// --------------------------------------------------
+
+@mixin text-emphasis-variant($parent, $color) {
+    #{$parent} {
+        color: $color !important;
+    }
+
+    a#{$parent} {
+        &.link-effect::before {
+            background-color: $color;
+        }
+
+        @include hover-focus {
+            color: darken($color, 20%) !important;
+        }
+    }
+}

assets/admin2/_scss/codebase/mixins/_valign.scss

@@ -0,0 +1,11 @@
+//
+// Vertical align
+// --------------------------------------------------
+
+@mixin vertical-align($top: 50%, $right: auto, $left: auto, $transX: 0, $transY: -50%) {
+    position: absolute;
+    top: $top;
+    right: $right;
+    left: $left;
+    transform: translateX($transX) translateY($transY);
+}