You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
1.4 KiB

  1. // scss-docs-start caret-mixins
  2. @mixin caret-down {
  3. border-top: $caret-width solid;
  4. border-right: $caret-width solid transparent;
  5. border-bottom: 0;
  6. border-left: $caret-width solid transparent;
  7. }
  8. @mixin caret-up {
  9. border-top: 0;
  10. border-right: $caret-width solid transparent;
  11. border-bottom: $caret-width solid;
  12. border-left: $caret-width solid transparent;
  13. }
  14. @mixin caret-end {
  15. border-top: $caret-width solid transparent;
  16. border-right: 0;
  17. border-bottom: $caret-width solid transparent;
  18. border-left: $caret-width solid;
  19. }
  20. @mixin caret-start {
  21. border-top: $caret-width solid transparent;
  22. border-right: $caret-width solid;
  23. border-bottom: $caret-width solid transparent;
  24. }
  25. @mixin caret($direction: down) {
  26. @if $enable-caret {
  27. &::after {
  28. display: inline-block;
  29. margin-left: $caret-spacing;
  30. vertical-align: $caret-vertical-align;
  31. content: "";
  32. @if $direction == down {
  33. @include caret-down();
  34. } @else if $direction == up {
  35. @include caret-up();
  36. } @else if $direction == end {
  37. @include caret-end();
  38. }
  39. }
  40. @if $direction == start {
  41. &::after {
  42. display: none;
  43. }
  44. &::before {
  45. display: inline-block;
  46. margin-right: $caret-spacing;
  47. vertical-align: $caret-vertical-align;
  48. content: "";
  49. @include caret-start();
  50. }
  51. }
  52. &:empty::after {
  53. margin-left: 0;
  54. }
  55. }
  56. }
  57. // scss-docs-end caret-mixins