@progress/kendo-theme-default 8.1.0-dev.0 → 8.1.0-dev.2

package/scss/common/_base.scss

@@ -1,198 +0,0 @@
-@include exports( "common/layout" ) {
-
-    // Layout
-    .k-reset {
-        margin: 0;
-        padding: 0;
-        border-width: 0;
-        outline: 0;
-        text-decoration: none;
-        font: inherit;
-        list-style: none;
-    }
-
-    kendo-sortable {
-        display: block;
-    }
-
-
-    // Links
-    .k-link,
-    .k-link:hover {
-        color: inherit;
-        text-decoration: none;
-        outline: 0;
-        cursor: pointer;
-    }
-
-    // Outline
-    .k-content {
-        outline: 0;
-    }
-
-
-    // Centering
-    .k-centered {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-
-
-    // Disable mouse events
-    .k-no-click {
-        pointer-events: none;
-    }
-
-
-    // Off-screen container used during PDF export
-    .k-pdf-export-shadow {
-        position: absolute;
-        overflow: hidden;
-        left: -15000px;
-        width: 14400px;
-    }
-
-    // PDF export icons fix
-    .kendo-pdf-hide-pseudo-elements::before,
-    .kendo-pdf-hide-pseudo-elements::after {
-        display: none !important; // stylelint-disable-line declaration-no-important
-    }
-}
-
-
-@include exports( "common/theme" ) {
-
-    // Text selection
-    .k-text-selection {
-        ::selection {
-            background-color: $kendo-color-primary;
-            color: $kendo-color-primary-contrast;
-        }
-    }
-
-    // Panels
-    .k-block,
-    .k-panel {
-        @include border-radius( k-border-radius(md) );
-        @include fill(
-            $kendo-component-text,
-            $kendo-component-bg,
-            $kendo-component-border
-        );
-        padding: 0;
-        border-width: 1px;
-        border-style: solid;
-        box-sizing: border-box;
-
-        > .k-header {
-            @include border-top-radius( k-border-radius(md) );
-            @include fill(
-                $kendo-component-header-text,
-                $kendo-component-header-bg,
-                $kendo-component-header-border,
-                $kendo-component-header-gradient
-            );
-            padding-inline: k-spacing(2);
-            padding-block: k-spacing(1);
-        }
-        > .k-content {
-            padding-inline: k-spacing(2);
-            padding-block: k-spacing(1);
-        }
-    }
-    .k-content {
-        @include fill(
-            $kendo-component-text,
-            $kendo-component-bg,
-            $kendo-component-border
-        );
-    }
-
-}
-
-
-@include exports( "common/disabled" ) {
-
-    // Disabled state
-    .k-disabled,
-    .k-widget[disabled] {
-        @include disabled( $kendo-disabled-styling );
-
-
-        .k-link {
-            cursor: default;
-            outline: 0;
-        }
-
-
-        // Nested disabled
-        [disabled],
-        .k-disabled {
-            opacity: 1;
-            filter: grayscale(0);
-        }
-    }
-
-}
-
-
-@include exports( "common/misc/hr" ) {
-
-    .k-hr {
-        margin: k-spacing(4) auto;
-        padding: 0;
-        height: 0;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: $kendo-component-border;
-        display: block;
-        float: none;
-        clear: both;
-    }
-
-    // Horizontal rule
-    .k-d-flex-row > .k-hr {
-        margin: 0;
-        width: 0;
-        height: auto;
-        border-width: 0 0 0 1px;
-        flex: 0 0 auto;
-    }
-
-    // Vertical rule
-    .k-d-flex-col > .k-hr {
-        margin: 0;
-        flex: 0 0 auto;
-    }
-
-}
-
-
-@include exports( "common/misc/dirty" ) {
-
-    // Dirty indicator
-    .k-dirty {
-        margin: 0;
-        padding: 0;
-        width: 0;
-        height: 0;
-        border-width: 3px;
-        border-style: solid;
-        border-color: $kendo-color-error $kendo-color-error transparent transparent;
-        position: absolute;
-        top: 0;
-        right: 0;
-    }
-
-    [dir="rtl"],
-    .k-rtl {
-        .k-dirty {
-            border-color: transparent transparent $kendo-color-error $kendo-color-error;
-            right: auto;
-            left: 0;
-        }
-    }
-
-}

package/scss/common/_dragdrop.scss

@@ -1,74 +0,0 @@
-@include exports( "common/dragdrop/dragclue" ) {
-
-    // Layout
-    .k-drag-clue {
-        @include border-radius( $kendo-drag-hint-border-radius );
-        padding-block: $kendo-drag-hint-padding-y;
-        padding-inline: $kendo-drag-hint-padding-x;
-        border-width: $kendo-drag-hint-border-width;
-        border-style: if( $kendo-drag-hint-border-width == null, null, solid );
-        box-sizing: border-box;
-        font-size: $kendo-drag-hint-font-size;
-        font-family: $kendo-drag-hint-font-family;
-        line-height: $kendo-drag-hint-line-height;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        align-content: center;
-        white-space: nowrap;
-        opacity: $kendo-drag-hint-opacity;
-        overflow: hidden;
-        position: absolute;
-        z-index: 20000;
-        cursor: move;
-    }
-    .k-drag-status,
-    .k-drag-clue .k-drag-status {
-        margin: 0;
-        margin-right: .4ex;
-    }
-
-
-    // Theme
-    .k-drag-clue {
-        @include fill(
-            $kendo-drag-hint-text,
-            $kendo-drag-hint-bg,
-            $kendo-drag-hint-border,
-            $kendo-drag-hint-gradient
-        );
-        @include box-shadow( $kendo-drag-hint-shadow );
-    }
-
-}
-
-
-@include exports( "common/dragdrop/reordercue" ) {
-
-    // Layout
-    .k-reorder-cue {
-        position: absolute;
-
-        &::before,
-        &::after {
-            content: "";
-            width: 0;
-            height: 0;
-            border: 3px solid transparent;
-            position: absolute;
-            transform: translateX(-50%);
-        }
-
-        &::before {
-            border-bottom-width: 0;
-            border-top-color: currentColor;
-            top: -4px;
-        }
-        &::after {
-            border-top-width: 0;
-            border-bottom-color: currentColor;
-            bottom: -4px;
-        }
-    }
-
-}

package/scss/common/_index.scss

@@ -1,5 +0,0 @@
-@import "./_base.scss";
-@import "./_animations.scss";
-@import "./_indicators.scss";
-@import "./_resizing.scss";
-@import "./_scrollbar.scss";

package/scss/common/_indicators.scss

@@ -1,37 +0,0 @@
-@include exports( "common/indicators/current-time" ) {
-
-    $kendo-current-time-color: #ff0000 !default;
-
-    // Layout
-    .k-current-time {
-        position: absolute;
-
-        &.k-current-time-arrow-left,
-        &.k-current-time-arrow-right,
-        &.k-current-time-arrow-down {
-            width: 0;
-            height: 0;
-            background: transparent;
-            border: 4px solid transparent;
-        }
-    }
-
-
-    // Theme
-    .k-current-time {
-        background: $kendo-current-time-color;
-
-        &.k-current-time-arrow-left {
-            border-right-color: $kendo-current-time-color;
-        }
-
-        &.k-current-time-arrow-right {
-            border-left-color: $kendo-current-time-color;
-        }
-
-        &.k-current-time-arrow-down {
-            border-top-color: $kendo-current-time-color;
-        }
-    }
-
-}

package/scss/common/_resizing.scss

@@ -1,124 +0,0 @@
-@include exports( "common/resizing" ) {
-
-    // Resize handle
-    .k-resize-handle,
-    .k-resize-hint {
-        position: absolute;
-        border-color: inherit;
-        z-index: 200;
-    }
-    .k-resize-handle {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    .k-resize-handle::before {
-        content: "";
-        border: 0 solid;
-        border-color: inherit;
-    }
-    .k-resize-n {
-        width: 100%;
-        height: 6px;
-        flex-direction: row;
-        left: 0;
-        top: -3px;
-        cursor: n-resize;
-    }
-    .k-resize-s {
-        width: 100%;
-        height: 6px;
-        flex-direction: row;
-        left: 0;
-        bottom: -3px;
-        cursor: s-resize;
-    }
-    .k-resize-w {
-        width: 6px;
-        height: 100%;
-        flex-direction: column;
-        top: 0;
-        left: -3px;
-        cursor: w-resize;
-    }
-    .k-resize-e {
-        width: 6px;
-        height: 100%;
-        flex-direction: column;
-        top: 0;
-        right: -3px;
-        cursor: e-resize;
-    }
-
-    .k-resize-sw,
-    .k-resize-se,
-    .k-resize-nw,
-    .k-resize-ne {
-        width: 5px;
-        height: 5px;
-    }
-
-    .k-resize-sw {
-        cursor: sw-resize;
-        bottom: 0;
-        left: 0;
-    }
-    .k-resize-se {
-        cursor: se-resize;
-        bottom: 0;
-        right: 0;
-    }
-    .k-resize-nw {
-        cursor: nw-resize;
-        top: 0;
-        left: 0;
-    }
-    .k-resize-ne {
-        cursor: ne-resize;
-        top: 0;
-        right: 0;
-    }
-
-    .k-vertical-resize {
-        cursor: row-resize;
-    }
-    .k-horizontal-resize {
-        cursor: col-resize;
-    }
-
-
-    .k-resize-hint {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        .k-resize-hint-handle {
-            width: auto;
-            height: 20px;
-            align-self: stretch;
-        }
-        .k-resize-hint-marker {
-            width: 2px;
-            height: auto;
-            flex: 1 1 auto;
-        }
-    }
-    .k-resize-hint-vertical {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-
-        .k-resize-hint-handle {
-            width: 20px;
-            height: auto;
-            align-self: stretch;
-        }
-
-        .k-resize-hint-marker {
-            width: auto;
-            height: 2px;
-            flex: 1 1 auto;
-        }
-    }
-
-}

package/scss/common/_scrollbar.scss

@@ -1,27 +0,0 @@
-@include exports( "common/scrollbar" ) {
-
-    // virtual scrollbar
-    .k-scrollbar {
-        position: absolute;
-        overflow: scroll;
-    }
-
-    .k-scrollbar-vertical {
-        top: 0;
-        right: 0;
-        width: 17px; // scrollbar width
-        height: 100%;
-        overflow-x: hidden;
-    }
-
-    .k-touch-scrollbar {
-        display: none;
-        position: absolute;
-        z-index: 200000;
-        height: 8px;
-        width: 8px;
-        border: 1px solid #8a8a8a;
-        background-color: #858585;
-    }
-
-}