123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- .compact-item-border-radius(@prefix-cls, @bordered-item-cls: null) {
- & when (@bordered-item-cls = null) {
- // border-radius
- &-item:not(&-first-item):not(&-last-item).@{prefix-cls} {
- border-radius: 0;
- }
- &-item.@{prefix-cls}&-first-item:not(&-last-item):not(&-item-rtl) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- &-item.@{prefix-cls}&-last-item:not(&-first-item):not(&-item-rtl) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- // ----------rtl for first item----------
- &-item.@{prefix-cls}&-item-rtl&-first-item:not(&-last-item) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- // ----------rtl for last item----------
- &-item.@{prefix-cls}&-item-rtl&-last-item:not(&-first-item) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- }
- & when (not (@bordered-item-cls = null)) {
- // border-radius
- &-item:not(&-first-item):not(&-last-item).@{prefix-cls} .@{bordered-item-cls} {
- border-radius: 0;
- }
- &-item&-first-item.@{prefix-cls}:not(&-last-item):not(&-item-rtl) .@{bordered-item-cls} {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- &-item&-last-item.@{prefix-cls}:not(&-first-item):not(&-item-rtl) .@{bordered-item-cls} {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- // ----------rtl for first item----------
- &-item.@{prefix-cls}&-first-item&-item-rtl:not(&-last-item) .@{bordered-item-cls} {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- // ----------rtl for last item----------
- &-item.@{prefix-cls}&-last-item&-item-rtl:not(&-first-item) .@{bordered-item-cls} {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- }
- }
- .compact-item-border(@prefix-cls, @bordered-item-cls: null, @special-open-cls) {
- & when (@bordered-item-cls = null) {
- // border collapse
- &-item:not(&-last-item):not(&-item-rtl) {
- margin-right: -@border-width-base;
- }
- // rtl border collapse
- &-item:not(&-last-item)&-item-rtl {
- margin-left: -@border-width-base;
- }
- &-item {
- &:hover,
- &:focus,
- &:active {
- z-index: 2;
- }
- // Select has an extra focus className
- & when (not (@special-item-cls = null)) {
- &.@{special-item-cls} {
- z-index: 2;
- }
- }
- &[disabled] {
- z-index: 0;
- }
- }
- }
- & when (not (@bordered-item-cls = null)) {
- // border collapse
- &-item:not(&-last-item) {
- margin-right: -@border-width-base;
- &.@{prefix-cls}-compact-item-rtl {
- margin-right: 0;
- margin-left: -@border-width-base;
- }
- }
- &-item {
- &:hover,
- &:focus,
- &:active {
- > * {
- z-index: 2;
- }
- }
- // Select has an special focus-item
- & when (not (@special-item-cls = null)) {
- &.@{special-item-cls} > * {
- z-index: 2;
- }
- }
- &[disabled] > * {
- z-index: 0;
- }
- }
- }
- }
- .compact-item(@prefix-cls, @bordered-item-cls: null, @special-item-cls: null) {
- &-compact {
- .compact-item-border(@prefix-cls, @bordered-item-cls, @special-item-cls);
- .compact-item-border-radius(@prefix-cls, @bordered-item-cls);
- }
- }
|