style.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. $volwood_clr_brand_green: #154734;
  2. $volwood_clr_brand_gray: #c9cac8;
  3. .volwood {
  4. position: relative;
  5. flex: none;
  6. border-bottom: 3px solid $volwood_clr_brand_gray;
  7. background-color: #fff;
  8. display: flex;
  9. flex-wrap: wrap;
  10. align-items: center;
  11. justify-content: flex-start;
  12. padding: 3rem 2rem;
  13. background-image: url("//dd.unicraft.org/static/branding/volwood/header/pattern.png");
  14. background-repeat: no-repeat;
  15. background-position: right top;
  16. background-size: auto 100%;
  17. &_logo {
  18. width: fit-content;
  19. margin-right: auto;
  20. padding: 1rem 0;
  21. img {
  22. height: 5.5rem;
  23. }
  24. }
  25. &_info {
  26. padding: 1rem 8rem 1rem 5.5rem;
  27. align-self: flex-end;
  28. margin-bottom: -4rem;
  29. }
  30. &_slogan {
  31. font-size: 3rem;
  32. line-height: 1;
  33. padding: 0.5rem 2rem 1rem;
  34. color: $volwood_clr_brand_green;
  35. background: rgba(#fff, 0.3);
  36. text-transform: uppercase;
  37. }
  38. &_text {
  39. padding: 0.5rem 2rem;
  40. font-size: 1rem;
  41. font-weight: bold;
  42. color: $volwood_clr_brand_green;
  43. background: rgba(#fff, 0.3);
  44. text-align: right;
  45. text-transform: uppercase;
  46. }
  47. }