token-access.scss 698 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. #token-access-page {
  2. &.token-access-legacy-page {
  3. height: 100vh;
  4. height: 100dvh;
  5. }
  6. .vertically-centered-content {
  7. height: $thin-footer-content-height;
  8. }
  9. }
  10. @include theme('default') {
  11. .token-access-content {
  12. @include dark-bg;
  13. }
  14. }
  15. .token-access-container {
  16. display: flex;
  17. flex-direction: column;
  18. height: 100%;
  19. }
  20. .token-access-action-header {
  21. background-color: var(--bg-primary-themed);
  22. flex: 0 0 auto;
  23. }
  24. .token-access-content {
  25. flex: 1 1 auto;
  26. color: var(--content-primary-themed);
  27. h1,
  28. h2 {
  29. color: var(--content-primary-themed);
  30. }
  31. }
  32. .token-access-home-link {
  33. font-size: 2rem;
  34. margin-left: 1rem;
  35. color: var(--content-primary-themed);
  36. }