functional.styl 921 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. flex-column()
  2. display flex
  3. flex-direction column
  4. scrollbar-theme($color=#1f252d, $background=#6d6d6d)
  5. &::-webkit-scrollbar
  6. width 5px
  7. height 5px
  8. &::-webkit-scrollbar-track-piece
  9. background-color $background
  10. &::-webkit-scrollbar-thumb:vertical
  11. height 5px
  12. background-color $color
  13. &::-webkit-scrollbar-thumb:horizontal
  14. width 5px
  15. background-color $background
  16. scrollbar-dark()
  17. scrollbar-theme()
  18. scrollbar-light()
  19. scrollbar-theme(#aaa, transparent)
  20. vertical-center()
  21. &::after
  22. display inline-block
  23. content ''
  24. height 100%
  25. vertical-align middle
  26. position-center($type fixed)
  27. position $type
  28. top 50%
  29. left 50%
  30. transform translate(-50%, -50%)
  31. ellipsis()
  32. text-overflow ellipsis
  33. overflow hidden
  34. white-space nowrap
  35. word-break()
  36. word-break break-all
  37. word-wrap break-word
  38. white-space pre-wrap