2022-04-25 18:46:53 +08:00
|
|
|
// @import '../../style/themes/index';
|
|
|
|
// @import '../../style/mixins/index';
|
|
|
|
|
|
|
|
// @upload-prefix-cls: ~'@{ant-prefix}-upload';
|
|
|
|
// @upload-item: ~'@{ant-prefix}-upload-list-item';
|
|
|
|
|
|
|
|
// .@{upload-prefix-cls} {
|
|
|
|
// &-rtl {
|
|
|
|
// direction: rtl;
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &&-select-picture-card {
|
|
|
|
// .@{upload-prefix-cls}-rtl& {
|
|
|
|
// margin-right: auto;
|
|
|
|
// margin-left: 8px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-prefix-cls}-list {
|
|
|
|
// &-rtl {
|
|
|
|
// direction: rtl;
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-item-list-type-text {
|
|
|
|
// &:hover {
|
|
|
|
// .@{upload-prefix-cls}-list-item-name-icon-count-1 {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-right: 22px;
|
|
|
|
// padding-left: 14px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// .@{upload-prefix-cls}-list-item-name-icon-count-2 {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-right: 22px;
|
|
|
|
// padding-left: 28px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-item {
|
|
|
|
// &-name {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-right: @font-size-base + 8px;
|
|
|
|
// padding-left: 0;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-name-icon-count-1 {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-left: 14px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-card-actions {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// right: auto;
|
|
|
|
// left: 0;
|
|
|
|
// }
|
|
|
|
// .@{iconfont-css-prefix} {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-right: 0;
|
|
|
|
// padding-left: 5px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-info {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding: 0 4px 0 12px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-error &-card-actions {
|
|
|
|
// .@{iconfont-css-prefix} {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-right: 0;
|
|
|
|
// padding-left: 5px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-progress {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// padding-right: @font-size-base + 12px;
|
|
|
|
// padding-left: 0;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-picture,
|
|
|
|
// &-picture-card {
|
|
|
|
// .@{upload-item}-info {
|
|
|
|
// padding: 0;
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-thumbnail {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// right: 8px;
|
|
|
|
// left: auto;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-icon {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// right: 50%;
|
|
|
|
// left: auto;
|
|
|
|
// transform: translate(50%, -50%);
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-name {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// margin: 0 8px 0 0;
|
|
|
|
// padding-right: 48px;
|
|
|
|
// padding-left: 8px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-name-icon-count-1 {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// padding-right: 48px;
|
|
|
|
// padding-left: 18px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-name-icon-count-2 {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// padding-right: 48px;
|
|
|
|
// padding-left: 36px;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-progress {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// padding-right: 0;
|
|
|
|
// padding-left: 0;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// &-picture-card {
|
|
|
|
// &-container {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl & {
|
|
|
|
// margin: 0 0 @margin-xs @margin-xs;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-actions {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// right: 50%;
|
|
|
|
// left: auto;
|
|
|
|
// transform: translate(50%, -50%);
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
// .@{upload-item}-file + .@{upload-item}-name {
|
|
|
|
// .@{upload-prefix-cls}-list-rtl& {
|
|
|
|
// margin: 8px 0 0;
|
|
|
|
// padding: 0;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|