Second frontend, written in Next.JS + Typescript.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
703 B

  1. div.magicImageContainer
  2. flex-grow: 1
  3. width: 100%
  4. display: flex
  5. overflow: hidden
  6. &.full
  7. height: 100vh
  8. &.fixed
  9. position: fixed
  10. top: 0
  11. left: 0
  12. bottom: 0
  13. right: 0
  14. z-index: -100
  15. div.magicImage
  16. flex-grow: 1
  17. display: flex
  18. background-repeat: repeat !important
  19. -webkit-background-size: cover !important
  20. -moz-background-size: cover !important
  21. -o-background-size: cover !important
  22. background-size: cover !important
  23. &.banner
  24. align-items: center
  25. justify-content: center
  26. &.full
  27. height: 100%
  28. div.magicImageOverlay
  29. height: 100%
  30. width: 100%
  31. &.banner
  32. flex-grow: 1
  33. display: flex
  34. align-items: center
  35. justify-content: center