VDivider.css 1022 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .v-divider {
  2. display: block;
  3. flex: 1 1 100%;
  4. height: 0px;
  5. max-height: 0px;
  6. opacity: var(--v-border-opacity);
  7. transition: inherit;
  8. }
  9. .v-divider {
  10. border-style: solid;
  11. border-width: thin 0 0 0;
  12. }
  13. .v-divider--vertical {
  14. align-self: stretch;
  15. border-width: 0 thin 0 0;
  16. display: inline-flex;
  17. height: auto;
  18. margin-left: -1px;
  19. max-height: 100%;
  20. max-width: 0px;
  21. vertical-align: text-bottom;
  22. width: 0px;
  23. }
  24. .v-divider--inset:not(.v-divider--vertical) {
  25. max-width: calc(100% - 72px);
  26. margin-inline-start: 72px;
  27. }
  28. .v-divider--inset.v-divider--vertical {
  29. margin-bottom: 8px;
  30. margin-top: 8px;
  31. max-height: calc(100% - 16px);
  32. }
  33. .v-divider__content {
  34. padding: 0 16px;
  35. text-wrap: nowrap;
  36. }
  37. .v-divider__wrapper--vertical .v-divider__content {
  38. padding: 4px 0;
  39. }
  40. .v-divider__wrapper {
  41. display: flex;
  42. align-items: center;
  43. justify-content: center;
  44. }
  45. .v-divider__wrapper--vertical {
  46. flex-direction: column;
  47. height: 100%;
  48. }
  49. .v-divider__wrapper--vertical .v-divider {
  50. margin: 0 auto;
  51. }