VBtnGroup.sass 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. @use 'sass:selector'
  2. @use '../../styles/tools'
  3. @use '../VBtn/variables' as *
  4. @use './variables' as *
  5. @include tools.layer('components')
  6. .v-btn-group
  7. $root: &
  8. display: inline-flex
  9. flex-wrap: nowrap
  10. max-width: 100%
  11. min-width: 0
  12. overflow: hidden
  13. vertical-align: middle
  14. @include tools.border($btn-group-border...)
  15. @include tools.elevation($btn-group-elevation)
  16. @include tools.rounded($btn-group-border-radius)
  17. @include tools.theme($btn-group-theme...)
  18. @at-root
  19. @include tools.density('v-btn-group', $button-density) using ($modifier)
  20. @at-root #{selector.append(&, $root)}
  21. height: $btn-group-height + $modifier
  22. .v-btn
  23. border-radius: 0
  24. border-color: inherit
  25. &:not(:last-child)
  26. border-inline-end: none
  27. &:not(:first-child)
  28. border-inline-start: none
  29. &:first-child
  30. border-start-start-radius: inherit
  31. border-end-start-radius: inherit
  32. &:last-child
  33. border-start-end-radius: inherit
  34. border-end-end-radius: inherit
  35. &--divided
  36. .v-btn:not(:last-child)
  37. border-inline-end-width: $btn-group-border-thin-width
  38. border-inline-end-style: $btn-group-border-style
  39. border-inline-end-color: $btn-group-border-color
  40. &--tile
  41. @include tools.rounded($btn-group-tile-border-radius)