@import "../mixins/index"; @btnPrefixClass: ~"@{css-prefix}btn"; // Button styles // ----------------------------- .@{btnPrefixClass} { .btn; .btn-default; &-primary { .btn-primary; .@{btnPrefixClass}-group &:not(:first-child):not(:last-child) { border-right-color: #00abea; border-left-color: #00abea; } .@{btnPrefixClass}-group &:first-child { &:not(:last-child) { border-right-color: #00abea; } } .@{btnPrefixClass}-group &:last-child:not(:first-child) { border-left-color: #00abea; } } &-ghost { .btn-ghost; } &-circle, &-circle-outline { .btn-circle(@btnPrefixClass); } &-circle-outline { .btn-circle-outline; } &-menu { > .@{iconfont-css-prefix} { top: -1px; font-size: 12px; font-size: ~"10px \9"; // ie8-9 .scale(0.83); :root & { font-size: 12px; // reset ie9 and above } } } &-group { .btn-group(@btnPrefixClass); } }