_elements.scss 676 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. html {
  2. background: $color-grey-4;
  3. height: 100%;
  4. }
  5. body {
  6. overflow-x: hidden;
  7. position: relative;
  8. &:after {
  9. content: '';
  10. position: fixed;
  11. transition: visibility 0s linear 0s, opacity 0.2s ease-out;
  12. background: rgba(255, 255, 255, 0.5);
  13. width: 100%;
  14. height: 100%;
  15. top: 0;
  16. // Remove once we drop support for Safari 13.
  17. // stylelint-disable-next-line property-disallowed-list
  18. left: 0;
  19. inset-inline-start: 0;
  20. z-index: 5;
  21. opacity: 0;
  22. visibility: hidden;
  23. }
  24. }
  25. hr {
  26. border: 1px solid $color-grey-4;
  27. border-width: 1px 0 0;
  28. margin: 1.5em 0;
  29. }
  30. // general image style
  31. img {
  32. max-width: 100%;
  33. height: auto;
  34. }