UNPKG

1.43 kBSCSSView Raw
1
2#{$upload-prefix}-list[dir=rtl] {
3 &#{$upload-prefix}-list-text {
4 #{$upload-prefix}-list-item {
5 // top-bottom s-1 left $upload-text-list-padding-left-right
6 padding: $s-1 $upload-text-list-padding-left-right;
7 // righrt: icon size + icon paddinng left-right
8 padding-left: calc(#{$upload-text-list-close-icon-right} * 2 + #{$upload-text-list-close-icon-size});
9 }
10 .#{$css-prefix}icon {
11 left: $upload-text-list-close-icon-right;
12 right: auto;
13 }
14 }
15 &#{$upload-prefix}-list-image {
16 .#{$css-prefix}icon-close {
17 float: left;
18 margin-left: $upload-image-list-close-icon-right;
19 margin-right: 0;
20 }
21
22 $thumbnail-margin-right: $s-2 !default;
23 @if (get-compiling-value($upload-image-list-item-padding) > get-compiling-value($s-2)) {
24 $thumbnail-margin-right: $upload-image-list-item-padding;
25 }
26
27 #{$upload-prefix}-list-item-thumbnail {
28 float: right;
29 margin-left: $thumbnail-margin-right;
30 margin-right: 0;
31 }
32
33 #{$upload-prefix}-list-item-progress {
34 margin-right: calc(#{$upload-image-list-item-picture-size} + #{$thumbnail-margin-right});
35 margin-left: calc(#{$upload-image-list-close-icon-size} + #{$upload-image-list-close-icon-right} * 2);
36 }
37 }
38}