| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- #caret-down() {
- border-top: @caret-width solid;
- border-right: @caret-width solid transparent;
- border-bottom: 0;
- border-left: @caret-width solid transparent;
- }
- #caret-up() {
- border-top: 0;
- border-right: @caret-width solid transparent;
- border-bottom: @caret-width solid;
- border-left: @caret-width solid transparent;
- }
- #caret-right() {
- border-top: @caret-width solid transparent;
- border-right: 0;
- border-bottom: @caret-width solid transparent;
- border-left: @caret-width solid;
- }
- #caret-left() {
- border-top: @caret-width solid transparent;
- border-right: @caret-width solid;
- border-bottom: @caret-width solid transparent;
- }
- #caret(@direction: down) {
- & when (@enable-caret) {
- &::after {
- display: inline-block;
- margin-left: @caret-spacing;
- vertical-align: @caret-vertical-align;
- content: "";
- & when (@direction = down) {
- #caret-down();
- }
- & when (@direction = up) {
- #caret-up();
- }
- & when (@direction = right) {
- #caret-right();
- }
- }
- & when (@direction = left) {
- &::after {
- display: none;
- }
- &::before {
- display: inline-block;
- margin-right: @caret-spacing;
- vertical-align: @caret-vertical-align;
- content: "";
- #caret-left();
- }
- }
- &:empty::after {
- margin-left: 0;
- }
- }
- }
|