@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/action-sheet/_layout.scss" as *;

@mixin kendo-action-sheet--layout() {
    @include kendo-action-sheet--layout-base();

    .k-actionsheet {
        border-color: transparent;
    }

    .k-actionsheet-item {
        &:focus,
        &.k-focus {
            outline-width: $kendo-actionsheet-item-focus-outline-width;
            outline-style: solid;
            outline-offset: calc( -1 * #{$kendo-actionsheet-item-focus-outline-width} );
        }
    }

    .k-actionsheet-top {
        border-width: $kendo-actionsheet-border-width;
        border-block-start-width: 0;
    }

    .k-actionsheet-bottom {
        border-width: $kendo-actionsheet-border-width;
        border-block-end-width: 0;
    }

    .k-actionsheet-left {
        border-width: $kendo-actionsheet-border-width;
        border-inline-start-width: $kendo-actionsheet-border-width;
    }

    .k-actionsheet-right {
        border-width: $kendo-actionsheet-border-width;
        border-inline-end-width: 0;
    }

    .k-adaptive-actionsheet .k-coloreditor {
        box-shadow: none;
    }
}

@mixin kendo-action-sheet--layout-jq() {

    .k-actionsheet-jq {
        &.k-actionsheet {
            position: relative;
        }
    }

}