_header.scss 630 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .header {
  2. @include flexbox();
  3. @include justify-content(center);
  4. @include align-items(center);
  5. @include flex-direction(column);
  6. .title {
  7. font-family: $title-font;
  8. font-weight: 900;
  9. }
  10. }
  11. .blog-header {
  12. @include flexbox();
  13. @include justify-content(center);
  14. @include flex-direction(column);
  15. &__title {
  16. line-height: 1.1;
  17. font-weight: 700;
  18. font-family: $title-font;
  19. }
  20. &__subtitle {
  21. line-height: 1.2;
  22. }
  23. &__align-left {
  24. @include align-items(flex-start);
  25. }
  26. &__align-center {
  27. @include align-items(center);
  28. }
  29. &__align-right {
  30. @include align-items(flex-end);
  31. }
  32. }