VStepper.sass 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. @use '../../styles/settings'
  2. @use '../../styles/tools'
  3. @use './variables' as *
  4. @include tools.layer('components')
  5. .v-stepper.v-sheet
  6. overflow: hidden
  7. @include tools.elevation($stepper-elevation)
  8. @include tools.rounded($stepper-border-radius)
  9. &.v-stepper--flat
  10. @include tools.elevation(0)
  11. .v-stepper-header
  12. align-items: center
  13. display: flex
  14. position: relative
  15. overflow-x: auto
  16. justify-content: space-between
  17. z-index: 1
  18. @include tools.elevation($stepper-header-elevation)
  19. .v-divider
  20. margin: $stepper-header-divider-margin
  21. &:last-child
  22. margin-inline-end: 0
  23. &:first-child
  24. margin-inline-start: 0
  25. .v-stepper--alt-labels &
  26. height: auto
  27. .v-divider
  28. align-self: flex-start
  29. margin: $stepper-alt-labels-header-divider
  30. .v-stepper-window
  31. margin: $stepper-window-margin
  32. .v-stepper-actions
  33. display: flex
  34. align-items: center
  35. justify-content: space-between
  36. padding: $stepper-actions-padding
  37. .v-stepper &
  38. padding: $stepper-actions-stepper-padding
  39. .v-stepper-window-item &
  40. padding: $stepper-actions-stepper-window-item-padding