_placeholder.scss 638 B

123456789101112131415161718192021222324252627282930313233
  1. .placeholder {
  2. position: fixed;
  3. top: 0;
  4. left: 0;
  5. right: 0;
  6. bottom: 0;
  7. display: flex;
  8. align-items: center;
  9. justify-content: center;
  10. background: #fff url(../public/img/tabler/bg.svg) repeat center/2496px auto;
  11. @include media-breakpoint-down(md) {
  12. background-size: 1248px auto;
  13. }
  14. }
  15. .placeholder-logo {
  16. max-width: 12.5rem;
  17. margin: 0 auto;
  18. }
  19. .placeholder-description {
  20. width: 19.5rem;
  21. background: #ffffff;
  22. box-shadow: 0 0 0 70px rgba(#fff, 0.88);
  23. @include media-breakpoint-down(md) {
  24. width: 100%;
  25. max-width: calc(20rem);
  26. padding: 0 2rem;
  27. box-shadow: 0 0 0 35px rgba(#fff, 0.88);
  28. }
  29. }