_layout.scss 855 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. $header-height : 150px;
  2. $width-menu-slidedown : 550px;
  3. .layout-container {
  4. position: relative;
  5. width: 100vw;
  6. background-color: $background-home;
  7. font-family: 'Marianne';
  8. font-weight: 400;
  9. font-style: normal;
  10. top: 0%;
  11. left: 0%;
  12. width: 100%;
  13. overflow: hidden;
  14. display: flex;
  15. flex-flow: row wrap;
  16. header{
  17. flex: 0 0 100%;
  18. }
  19. // main{
  20. // // position: relative;
  21. // // top: -7rem;
  22. // }
  23. footer{
  24. flex: 0 0 100%;
  25. }
  26. }
  27. .layout-content{
  28. order: 2;
  29. padding-top: 3rem;
  30. padding-bottom: 6rem;
  31. width: 70%;
  32. margin: auto;
  33. }
  34. aside{
  35. width: 20%;
  36. order: 1;
  37. margin-top: 5rem;
  38. margin-left: 10rem;
  39. }
  40. main{
  41. width: 100%;
  42. display: flex;
  43. flex-direction: row;
  44. position: relative;
  45. }
  46. .main-content{
  47. margin-top: 7rem;
  48. }