style.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .litera {
  2. flex: none;
  3. background: url("//dd.unicraft.org/static/branding/litera/header/bg.png") repeat;
  4. padding: 45px 0;
  5. text-align: left;
  6. background-size: auto 100%;
  7. background-position: left center;
  8. background-repeat: no-repeat;
  9. background-color: #f7f7f7;
  10. user-select: none;
  11. display: flex;
  12. align-items: center;
  13. overflow: hidden;
  14. &_logo {
  15. flex: none;
  16. align-self: center;
  17. display: block;
  18. margin-left: 120px;
  19. }
  20. &_slogan {
  21. color: #000;
  22. display: block;
  23. width: min-content;
  24. flex: none;
  25. text-align: right;
  26. text-transform: uppercase;
  27. font-size: 18px;
  28. margin-left: 480px;
  29. @media screen and (min-width: 1700px) {
  30. margin-left: 880px;
  31. text-align: left;
  32. }
  33. @media screen and (max-width: 1100px) {
  34. margin-left: auto;
  35. margin-right: 40px;
  36. }
  37. @media screen and (max-width: 800px) {
  38. display: none;
  39. }
  40. }
  41. }