_header.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. // header{
  2. // z-index: 999;
  3. // position: relative;
  4. // @include inlineflex();
  5. // justify-content: center;
  6. // width: 100%;
  7. // border-bottom: 1px solid $light-blue;
  8. // height: 105px;
  9. // nav{
  10. // @include inlineflex();
  11. // justify-content: space-around;
  12. // height: 100px;
  13. // width: 75%;
  14. // flex-wrap: nowrap;
  15. // .logo{
  16. // display: flex;
  17. // a{
  18. // display: block;
  19. // margin: auto;
  20. // }
  21. // }
  22. // .reso{
  23. // @include inlineflex;
  24. // flex-wrap: nowrap;
  25. // a{
  26. // display: block;
  27. // width: 35px;
  28. // margin: auto 5px;
  29. // }
  30. // }
  31. // }
  32. // }
  33. //
  34. //
  35. header{
  36. width: 100%;
  37. display: flex;
  38. height: 105px;
  39. z-index: 999;
  40. border-bottom: 1px solid $light-blue;
  41. & > nav{
  42. margin: auto;
  43. min-width: 1100px;
  44. width: 70%;
  45. display: inline-flex;
  46. justify-content: space-between;
  47. .navTrigger{
  48. display: none;
  49. }
  50. .logo{
  51. width: 150px;
  52. }
  53. .dropmenu{
  54. width: 70%;
  55. & > ul{
  56. height: 100%;
  57. }
  58. }
  59. .reso{
  60. display: inline-flex;
  61. width: auto;
  62. a{
  63. display: block;
  64. width: 35px;
  65. margin: auto 5px;
  66. }
  67. }
  68. }
  69. }