Main.scss 666 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @import '../vars.scss';
  2. .main {
  3. &.center {
  4. align-items: center;
  5. display: flex;
  6. flex-direction: column;
  7. justify-content: center;
  8. // These direct-child styles make it a little simpler to implement an error page
  9. > p,
  10. > .button-set,
  11. > .notice {
  12. margin-bottom: $space-m;
  13. }
  14. }
  15. > header,
  16. > form > header {
  17. align-items: center;
  18. display: flex;
  19. flex-direction: row;
  20. margin-bottom: $space-m;
  21. &:not(:first-child) {
  22. margin-top: $space-m;
  23. }
  24. h1, h2 {
  25. flex-grow: 1;
  26. font-weight: bold;
  27. }
  28. h1 { font-size: $font-size-l; }
  29. }
  30. > section {
  31. margin-bottom: $space-m;
  32. }
  33. }