Aucune description
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

jquery-timepicker.scss 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. @import "../../scss/_bootstrap-extended/include";
  2. @import "../../scss/_components/include";
  3. @import "timepicker/jquery.timepicker";
  4. .ui-timepicker-wrapper {
  5. z-index: $picker-zindex;
  6. padding: $dropdown-padding-y;
  7. border-color: $picker-border-color;
  8. background: $picker-bg;
  9. box-shadow: var(--#{$prefix}box-shadow-lg);
  10. margin-block: .125rem;
  11. @include border-radius($border-radius);
  12. .ui-timepicker-duration {
  13. margin-inline-start: .25rem;
  14. }
  15. .ui-timepicker-list li{
  16. color: var(--#{$prefix}body-color);
  17. margin-block: .125rem;
  18. margin-inline: .5625rem;
  19. padding-block: .25rem;
  20. padding-inline: .75rem;
  21. @include border-radius($picker-border-radius);
  22. &:hover {
  23. background: $dropdown-link-hover-bg;
  24. }
  25. &:not(.ui-timepicker-selected) {
  26. .ui-timepicker-duration {
  27. color: var(--#{$prefix}secondary-color);
  28. }
  29. }
  30. &.ui-timepicker-selected,
  31. .ui-timepicker-selected:hover {
  32. background: var(--#{$prefix}primary);
  33. box-shadow: $picker-cell-active-shadow;
  34. color: var(--#{$prefix}primary-contrast);
  35. .ui-timepicker-duration {
  36. color: var(--#{$prefix}primary-contrast);
  37. }
  38. }
  39. &.ui-timepicker-disabled,
  40. &.ui-timepicker-selected.ui-timepicker-disabled {
  41. color: $dropdown-link-disabled-color;
  42. pointer-events: none;
  43. }
  44. }
  45. }