|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
.my-button(@color; @background; @border){ @value: 5px; text-transform: none; .caret { position: relative; border-width: 1px; border-style: solid; border-color: @background !important; margin-left: @padding-base-horizontal; margin-top: -@value; } .caret:after, .caret:before { top: 100%; left: 50%; border: solid @background; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .caret:after { border-color: rgba(136, 183, 213, 0); border-top-color: @background; border-width: @value - 1; margin-left: -@value + 1; } .caret:before { border-color: rgba(0, 0, 0, 0); border-top-color: @color; border-width: @value; margin-left: -@value; } } |