123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- .@{btn-prefix-cls} {
- &-rtl {
- direction: rtl;
- }
- &-primary {
- .@{btn-prefix-cls}-group &:last-child:not(:first-child),
- .@{btn-prefix-cls}-group & + & {
- .@{btn-prefix-cls}-group-rtl& {
- border-right-color: @btn-group-border;
- border-left-color: @btn-default-border;
- }
- &[disabled] {
- .@{btn-prefix-cls}-group-rtl& {
- border-right-color: @btn-default-border;
- border-left-color: @btn-group-border;
- }
- }
- }
- }
- & > &-loading-icon {
- .@{iconfont-css-prefix} {
- .@{btn-prefix-cls}-rtl& {
- padding-right: 0;
- padding-left: @margin-xs;
- }
- }
- }
- > .@{iconfont-css-prefix} + span,
- > span + .@{iconfont-css-prefix} {
- .@{btn-prefix-cls}-rtl& {
- margin-right: 8px;
- margin-left: 0;
- }
- }
- }
- // mixin
- .btn-group(@btnClassName: btn) {
- .@{btnClassName} + .@{btnClassName},
- .@{btnClassName} + &,
- span + .@{btnClassName},
- .@{btnClassName} + span,
- > span + span,
- & + .@{btnClassName},
- & + & {
- .@{btnClassName}-rtl&,
- .@{btnClassName}-group-rtl& {
- margin-right: -1px;
- margin-left: auto;
- }
- }
- &.@{btnClassName}-group-rtl {
- direction: rtl;
- }
- > .@{btnClassName}:first-child:not(:last-child),
- > span:first-child:not(:last-child) > .@{btnClassName} {
- .@{btnClassName}-group-rtl& {
- border-radius: 0 @btn-border-radius-base @btn-border-radius-base 0;
- }
- }
- > .@{btnClassName}:last-child:not(:first-child),
- > span:last-child:not(:first-child) > .@{btnClassName} {
- .@{btnClassName}-group-rtl& {
- border-radius: @btn-border-radius-base 0 0 @btn-border-radius-base;
- }
- }
- &-sm {
- > .@{btnClassName}:first-child:not(:last-child),
- > span:first-child:not(:last-child) > .@{btnClassName} {
- .@{btnClassName}-group-rtl& {
- border-radius: 0 @btn-border-radius-sm @btn-border-radius-sm 0;
- }
- }
- > .@{btnClassName}:last-child:not(:first-child),
- > span:last-child:not(:first-child) > .@{btnClassName} {
- .@{btnClassName}-group-rtl& {
- border-radius: @btn-border-radius-sm 0 0 @btn-border-radius-sm;
- }
- }
- }
- }
|