1 |
|
2 | #{$upload-prefix}-list[dir=rtl] {
|
3 | &#{$upload-prefix}-list-text {
|
4 | #{$upload-prefix}-list-item {
|
5 |
|
6 | padding: $s-1 $upload-text-list-padding-left-right;
|
7 |
|
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 | }
|