VMessages.sass 592 B

1234567891011121314151617181920
  1. @use '../../styles/settings'
  2. @use '../../styles/tools'
  3. @use './variables' as *
  4. @include tools.layer('components')
  5. .v-messages
  6. flex: 1 1 auto
  7. font-size: $messages-font-size
  8. min-height: $messages-min-height
  9. min-width: 1px // Ensure takes up space with no messages and inside of flex
  10. opacity: var(--v-medium-emphasis-opacity)
  11. position: relative
  12. &__message
  13. line-height: $messages-line-height
  14. word-break: break-word
  15. overflow-wrap: break-word
  16. word-wrap: break-word
  17. hyphens: auto
  18. transition-duration: $messages-transition-duration