_bootstrap-slider.scss 901 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. //
  2. // Plugin: Bootstrap Slider
  3. //
  4. // Tooltip fix
  5. .slider .tooltip.in {
  6. opacity: $tooltip-opacity;
  7. }
  8. // Style override
  9. .slider {
  10. &.slider-vertical {
  11. height: 100%;
  12. }
  13. &.slider-horizontal {
  14. width: 100%;
  15. }
  16. }
  17. // Colors
  18. @each $name, $color in $theme-colors {
  19. .slider-#{$name} .slider {
  20. .slider-selection {
  21. background: $color;
  22. }
  23. }
  24. }
  25. @each $name, $color in $colors {
  26. .slider-#{$name} .slider {
  27. .slider-selection {
  28. background: $color;
  29. }
  30. }
  31. }
  32. @include dark-mode () {
  33. .slider-track {
  34. background-color: lighten($dark, 10%);
  35. background-image: none;
  36. }
  37. @each $name, $color in $theme-colors-alt {
  38. .slider-#{$name} .slider {
  39. .slider-selection {
  40. background: $color;
  41. }
  42. }
  43. }
  44. @each $name, $color in $colors-alt {
  45. .slider-#{$name} .slider {
  46. .slider-selection {
  47. background: $color;
  48. }
  49. }
  50. }
  51. }