@progress/kendo-theme-classic 4.42.1-dev.4 → 5.0.0-alpha.3

package/modules/@progress/kendo-theme-default/scss/tabstrip/_layout.scss

@@ -1,340 +0,0 @@
-@include exports("tabstrip/layout") {
-
-    .k-tabstrip-wrapper {
-        padding: $tabstrip-wrapper-padding-y $tabstrip-wrapper-padding-x;
-        border-width: $tabstrip-wrapper-border-width;
-        border-style: solid;
-        display: flex;
-        flex-direction: column;
-    }
-
-    .k-tabstrip {
-        border-width: 0;
-        border-color: transparent;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $tabstrip-font-family;
-        font-size: $tabstrip-font-size;
-        line-height: $tabstrip-line-height;
-        color: inherit;
-        background-color: transparent;
-        display: flex;
-        flex-direction: column;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-tabstrip-wrapper > & {
-            flex: 1 1 auto;
-        }
-    }
-
-    .k-tabstrip-items-wrapper {
-        border-width: 0;
-        border-style: solid;
-        border-color: inherit;
-        position: relative;
-        z-index: 2;
-    }
-
-    .k-tabstrip-items {
-        outline: 0;
-        display: flex;
-        flex-direction: row;
-        flex: 0 0 auto;
-
-        .k-item {
-            margin: 0;
-            padding: 0;
-            border: $tabstrip-item-border-width solid transparent;
-            position: relative;
-            flex-shrink: 0;
-            display: flex;
-            flex-direction: row;
-            align-items: stretch;
-            justify-items: stretch;
-            outline: 0;
-        }
-
-        .k-tab-on-top {
-            z-index: 1;
-        }
-
-        .k-link {
-            padding: $tabstrip-item-padding-y $tabstrip-item-padding-x;
-            color: inherit;
-            cursor: pointer;
-            display: inline-flex;
-            vertical-align: middle;
-            flex: 1 1 auto;
-            flex-direction: row;
-            align-content: center;
-            align-items: center;
-        }
-    }
-    .k-ie11 .k-tabstrip-items {
-        white-space: nowrap;
-    }
-
-    .k-tabstrip-content,
-    .k-tabstrip > .k-content {
-        padding: $tabstrip-content-padding-y $tabstrip-content-padding-x;
-        border-width: $tabstrip-content-border-width;
-        border-style: solid;
-        border-color: inherit;
-        display: none;
-        overflow: auto;
-        flex: 1 1 auto;
-        position: relative;
-        z-index: 1;
-
-        &.k-state-active {
-            display: block;
-        }
-
-        &:focus,
-        &.k-state-focused {
-            outline-width: 1px;
-            outline-style: dotted;
-            outline-offset: -1px;
-        }
-    }
-
-    // Loading
-    .k-tabstrip-items .k-loading {
-        width: 20%;
-        height: 0;
-        border: 0;
-        border-top: 1px solid transparent;
-        border-color: inherit;
-        background: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        transition: width .2s linear;
-
-        &.k-complete {
-            width: 100%;
-            border-top-width: 0;
-        }
-    }
-
-
-    // Scrolling
-    .k-tabstrip-scrollable {
-        > .k-tabstrip-items-wrapper {
-
-            > .k-tabstrip-items {
-                flex: 1 1 auto;
-                white-space: nowrap;
-                overflow: hidden;
-            }
-
-            > .k-button {
-                flex-shrink: 0;
-                align-self: stretch;
-            }
-
-            &.k-hstack {
-                > .k-button {
-                    height: auto;
-                }
-            }
-
-            &.k-vstack {
-                > .k-button {
-                    width: auto;
-                }
-            }
-        }
-    }
-
-
-    // Tabstrip variants
-    .k-tabstrip-top {
-        > .k-tabstrip-items-wrapper {
-            border-bottom-width: $tabstrip-border-width;
-            margin-bottom: -$tabstrip-content-border-width;
-
-            .k-item {
-                @include border-top-radius( $tabstrip-item-border-radius );
-                margin-bottom: -$tabstrip-border-width;
-            }
-
-            .k-item + .k-item {
-                margin-left: $tabstrip-item-gap;
-            }
-
-            .k-item.k-state-active {
-                border-bottom-color: transparent;
-            }
-        }
-
-        > .k-content,
-        > .k-tabstrip-content {
-            @include border-bottom-radius( $tabstrip-item-border-radius );
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-        }
-    }
-    .k-tabstrip-bottom {
-        > .k-tabstrip-items-wrapper {
-            border-top-width: $tabstrip-border-width;
-            margin-top: -$tabstrip-content-border-width;
-
-            .k-item {
-                @include border-bottom-radius( $tabstrip-item-border-radius );
-                margin-top: -$tabstrip-border-width;
-            }
-
-            .k-item + .k-item {
-                margin-left: $tabstrip-item-gap;
-            }
-
-            .k-item.k-state-active {
-                border-top-color: transparent;
-            }
-        }
-
-        > .k-content,
-        > .k-tabstrip-content {
-            @include border-top-radius( $tabstrip-item-border-radius );
-            border-bottom-color: transparent !important; // sass-lint:disable-line no-important
-        }
-    }
-    .k-tabstrip-left {
-        flex-direction: row;
-
-        > .k-tabstrip-items-wrapper {
-            border-right-width: $tabstrip-border-width;
-            margin-right: -$tabstrip-content-border-width;
-
-            > .k-tabstrip-items {
-                display: inline-flex;
-                flex-direction: column;
-            }
-
-            .k-item {
-                @include border-left-radius( $tabstrip-item-border-radius );
-                margin-right: -$tabstrip-border-width;
-            }
-
-            .k-item + .k-item {
-                margin-top: $tabstrip-item-gap;
-            }
-
-            .k-item.k-state-active {
-                border-right-color: transparent;
-            }
-        }
-
-        > .k-content,
-        > .k-tabstrip-content {
-            @include border-right-radius( $tabstrip-item-border-radius );
-            margin: 0 !important; // sass-lint:disable-line no-important
-            border-left-color: transparent !important; // sass-lint:disable-line no-important
-        }
-
-    }
-    .k-tabstrip-right {
-        flex-direction: row-reverse;
-
-        > .k-tabstrip-items-wrapper {
-            border-left-width: $tabstrip-border-width;
-            margin-left: -$tabstrip-content-border-width;
-
-            > .k-tabstrip-items {
-                display: inline-flex;
-                flex-direction: column;
-            }
-
-            .k-item {
-                @include border-right-radius( $tabstrip-item-border-radius );
-                margin-left: -$tabstrip-border-width;
-            }
-
-            .k-item + .k-item {
-                margin-top: $tabstrip-item-gap;
-            }
-
-            .k-item.k-state-active {
-                border-left-color: transparent;
-            }
-        }
-
-        > .k-content,
-        > .k-tabstrip-content {
-            @include border-left-radius( $tabstrip-item-border-radius );
-            margin: 0 !important; // sass-lint:disable-line no-important
-            border-right-color: transparent !important; // sass-lint:disable-line no-important
-        }
-    }
-
-
-    // Selected indicator
-    @if ($tabstrip-indicator-size) {
-
-        .k-tabstrip-items-wrapper {
-
-            .k-item::after {
-                content: "";
-                border-width: 0;
-                border-style: solid;
-                display: none;
-                position: absolute;
-                z-index: 0;
-                top: 0;
-                right: 0;
-                bottom: 0;
-                left: 0;
-
-                // Variants
-                .k-tabstrip-top > & {
-                    border-bottom-width: $tabstrip-indicator-size;
-                }
-                .k-tabstrip-bottom > & {
-                    border-top-width: $tabstrip-indicator-size;
-                }
-                .k-tabstrip-left > & {
-                    border-right-width: $tabstrip-indicator-size;
-                }
-                .k-tabstrip-right > & {
-                    border-left-width: $tabstrip-indicator-size;
-                }
-            }
-            .k-item.k-state-active::after {
-                display: block;
-            }
-
-            .k-item > .k-link {
-                z-index: 1;
-            }
-        }
-
-    }
-
-}
-
-
-
-
-@include exports("tabstrip/layout/rtl") {
-    .k-rtl .k-tabstrip,
-    .k-tabstrip[dir="rtl"] {
-
-        &.k-tabstrip-left,
-        &.k-tabstrip-right {
-            > .k-tabstrip-items-wrapper {
-                order: 1;
-            }
-
-            > .k-content { order: 0; }
-            > .k-tabstrip-content { order: 0; }
-        }
-
-        .k-tabstrip-prev,
-        .k-tabstrip-next {
-            transform: scaleX(-1);
-        }
-
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/tabstrip/_theme.scss

@@ -1,86 +0,0 @@
-@include exports("tabstrip/theme") {
-
-    // Wrapper
-    .k-tabstrip-wrapper {
-        @include fill(
-            $tabstrip-wrapper-text,
-            $tabstrip-wrapper-bg,
-            $tabstrip-wrapper-border
-        );
-    }
-
-
-    // Items
-    .k-tabstrip-items-wrapper {
-        @include fill(
-            $tabstrip-text,
-            $tabstrip-bg,
-            $tabstrip-border
-        );
-
-        .k-item {
-            @include fill(
-                $tabstrip-item-text,
-                $tabstrip-item-bg,
-                $tabstrip-item-border,
-                $tabstrip-item-gradient
-            );
-
-            &:hover,
-            &.k-state-hover {
-                @include fill(
-                    $tabstrip-item-hovered-text,
-                    $tabstrip-item-hovered-bg,
-                    $tabstrip-item-hovered-border,
-                    $tabstrip-item-hovered-gradient
-                );
-            }
-
-            &.k-state-active,
-            &.k-state-selected {
-                @include fill(
-                    $tabstrip-item-selected-text,
-                    $tabstrip-item-selected-bg,
-                    $tabstrip-item-selected-border,
-                    $tabstrip-item-selected-gradient
-                );
-            }
-
-            &.k-state-focused {
-                @include box-shadow( $tabstrip-item-focused-shadow );
-            }
-
-            &.k-tabstrip-dragging {
-                @include box-shadow( $tabstrip-item-dragging-shadow );
-            }
-        }
-
-    }
-
-
-    // Content
-    .k-tabstrip > .k-content {
-        @include fill(
-            $tabstrip-content-text,
-            $tabstrip-content-bg,
-            $tabstrip-content-border
-        );
-
-        &:focus,
-        &.k-state-focused {
-            outline-color: $tabstrip-content-border-focused;
-        }
-    }
-
-
-    // Selected indicator
-    @if ($tabstrip-indicator-size) {
-
-        .k-tabstrip-items-wrapper {
-            .k-item.k-state-active::after {
-                border-color: $tabstrip-indicator-color;
-            }
-        }
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/tabstrip/_variables.scss

@@ -1,108 +0,0 @@
-// Tabstrip
-$tabstrip-wrapper-padding-x: 0px !default;
-$tabstrip-wrapper-padding-y: 0px !default;
-$tabstrip-wrapper-border-width: 0px !default;
-
-$tabstrip-font-family: $font-family !default;
-$tabstrip-font-size: $font-size !default;
-$tabstrip-line-height: $line-height !default;
-$tabstrip-border-width: 1px !default;
-
-$tabstrip-wrapper-bg: null !default;
-$tabstrip-wrapper-text: null !default;
-$tabstrip-wrapper-border: null !default;
-
-/// Background color of tabstrip component
-/// @group tabstrip
-$tabstrip-bg: null !default;
-/// Text color of tabstrip component
-/// @group tabstrip
-$tabstrip-text: $component-text !default;
-/// Border color of tabstrip component
-/// @group tabstrip
-$tabstrip-border: $component-border !default;
-
-/// Horizontal padding of tabs
-/// @group tabstrip
-$tabstrip-item-padding-x: $nav-item-padding-x !default;
-/// Vertical padding of tabs
-/// @group tabstrip
-$tabstrip-item-padding-y: $nav-item-padding-y !default;
-/// Width of border around tabs
-/// @group tabstrip
-$tabstrip-item-border-width: 1px !default;
-/// Border radius of tabs
-/// @group tabstrip
-$tabstrip-item-border-radius: $border-radius !default;
-/// Spacing between tabs
-/// @group tabstrip
-$tabstrip-item-gap: $nav-item-margin !default;
-
-/// Background color of tabs
-/// @group tabstrip
-$tabstrip-item-bg: null !default;
-/// Text color of tabs
-/// @group tabstrip
-$tabstrip-item-text: $link-text !default;
-/// Border color of tabs
-/// @group tabstrip
-$tabstrip-item-border: null !default;
-/// Background gradient of tabs
-/// @group tabstrip
-$tabstrip-item-gradient: null !default;
-
-/// Background color of hovered tabs
-/// @group tabstrip
-$tabstrip-item-hovered-bg: null !default;
-/// Text color of hovered tabs
-/// @group tabstrip
-$tabstrip-item-hovered-text: $link-hover-text !default;
-/// Border color of hovered tabs
-/// @group tabstrip
-$tabstrip-item-hovered-border: null !default;
-/// Background gradient of hovered tabs
-/// @group tabstrip
-$tabstrip-item-hovered-gradient: null !default;
-
-/// Background color of selected tabs
-/// @group tabstrip
-$tabstrip-item-selected-bg: $component-bg !default;
-/// Text color of selected tabs
-/// @group tabstrip
-$tabstrip-item-selected-text: $component-text !default;
-/// Border color of selected tabs
-/// @group tabstrip
-$tabstrip-item-selected-border: $component-border !default;
-/// Background gradient of selected tabs
-/// @group tabstrip
-$tabstrip-item-selected-gradient: null !default;
-
-$tabstrip-item-focused-shadow: $list-item-focused-shadow !default;
-
-$tabstrip-item-dragging-shadow: 0px 3px 4px rgba(0, 0, 0, .15) !default;
-
-$tabstrip-indicator-size: null !default;
-$tabstrip-indicator-color: null !default;
-
-/// Horizontal padding of tabstrip content
-/// @group tabstrip
-$tabstrip-content-padding-x: $tabstrip-item-padding-x !default;
-/// Vertical padding of tabstrip content
-/// @group tabstrip
-$tabstrip-content-padding-y: $tabstrip-item-padding-y !default;
-/// Width of border around tabstrip content
-/// @group tabstrip
-$tabstrip-content-border-width: 1px !default;
-
-/// Background color of tabstrip content
-/// @group tabstrip
-$tabstrip-content-bg: $component-bg !default;
-/// Text color of tabstrip content
-/// @group tabstrip
-$tabstrip-content-text: $component-text !default;
-/// Border color of tabstrip content
-/// @group tabstrip
-$tabstrip-content-border: $component-border !default;
-/// Border color of tabstrip focused content
-/// @group tabstrip
-$tabstrip-content-border-focused: $component-text !default;

package/modules/@progress/kendo-theme-default/scss/taskboard/_index.scss

@@ -1,19 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../utils/_index.scss";
-@import "../common/_index.scss";
-@import "../icons/_index.scss";
-@import "../forms/_index.scss";
-@import "../input/_index.scss";
-@import "../textbox/_index.scss";
-@import "../searchbox/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../card/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";