_bootstrap-override.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @mixin caret($direction: down) {
  2. $selector: "after";
  3. @if $direction == "left" {
  4. $selector: "before";
  5. }
  6. &:#{$selector} {
  7. content: "";
  8. display: inline-block;
  9. vertical-align: $caret-vertical-align;
  10. width: $caret-width;
  11. height: $caret-width;
  12. border-bottom: 1px var(--#{$prefix}border-style);
  13. border-left: 1px var(--#{$prefix}border-style);
  14. margin-right: 0.1em;
  15. @if $direction != "left" {
  16. margin-left: $caret-spacing;
  17. } @else {
  18. margin-right: $caret-spacing;
  19. }
  20. @if $direction == down {
  21. transform: rotate(-45deg);
  22. } @else if $direction == up {
  23. transform: rotate(135deg);
  24. } @else if $direction == end {
  25. transform: rotate(-135deg);
  26. } @else {
  27. transform: rotate(45deg);
  28. }
  29. }
  30. @if $direction == "left" {
  31. &:after {
  32. content: none;
  33. }
  34. }
  35. }
  36. @mixin alert-variant($background: null, $border: null, $color: null) {
  37. // Override bootstrap core
  38. }
  39. @mixin button-variant(
  40. $background: null,
  41. $border: null,
  42. $color: null,
  43. $hover-background: null,
  44. $hover-border: null,
  45. $hover-color: null,
  46. $active-background: null,
  47. $active-border: null,
  48. $active-color: null,
  49. $disabled-background: null,
  50. $disabled-border: null,
  51. $disabled-color: null
  52. ) {
  53. // Override bootstrap core
  54. }
  55. @mixin button-outline-variant(
  56. $color: null,
  57. $color-hover: null,
  58. $active-background: null,
  59. $active-border: null,
  60. $active-color: null
  61. ) {
  62. // Override bootstrap core
  63. }
  64. //
  65. // TODO: remove when https://github.com/twbs/bootstrap/pull/37425/ will be released
  66. //
  67. @function opaque($background, $foreground) {
  68. @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);
  69. }