
#{$upload-prefix}-list[dir=rtl] {
    &#{$upload-prefix}-list-text {
        #{$upload-prefix}-list-item {
            // top-bottom s-1  left $upload-text-list-padding-left-right
            padding: $s-1 $upload-text-list-padding-left-right;
            // righrt: icon size + icon paddinng left-right
            padding-left: calc(#{$upload-text-list-close-icon-right} * 2 + #{$upload-text-list-close-icon-size});
        }
        .#{$css-prefix}icon {
            left: $upload-text-list-close-icon-right;
            right: auto;
        }
    }
    &#{$upload-prefix}-list-image {
        .#{$css-prefix}icon-close {
            float: left;
            margin-left: $upload-image-list-close-icon-right;
            margin-right: 0;
        }

        $thumbnail-margin-right: $s-2 !default;
        @if (get-compiling-value($upload-image-list-item-padding) > get-compiling-value($s-2)) {
            $thumbnail-margin-right: $upload-image-list-item-padding;
        }

        #{$upload-prefix}-list-item-thumbnail {
            float: right;
            margin-left: $thumbnail-margin-right;
            margin-right: 0;
        }

        #{$upload-prefix}-list-item-progress {
            margin-right: calc(#{$upload-image-list-item-picture-size} + #{$thumbnail-margin-right});
            margin-left: calc(#{$upload-image-list-close-icon-size} + #{$upload-image-list-close-icon-right} * 2);
        }
    }
}
