@@ -425,7 +425,6 @@ main {
425425.container {
426426 @include respond-min (768px ) {
427427 margin : 0 auto ;
428- max-width : 1400px ;
429428 padding : 0 (32 / 768 ) * 100% ;
430429 }
431430
@@ -464,7 +463,7 @@ header {
464463 .container {
465464 display : flex ;
466465 flex-direction : row ;
467- @include respond-min (768 px ) {
466+ @include respond-min (1080 px ) {
468467 position : relative ;
469468 }
470469 }
@@ -479,7 +478,7 @@ header {
479478 margin : 8px 0 0 10px ;
480479 display : none ;
481480
482- @include respond-min (1150 px ) {
481+ @include respond-min (1080 px ) {
483482 width : 200px ;
484483 display : block ;
485484 }
@@ -490,19 +489,24 @@ header {
490489 .logo {
491490 @include font-size (40 );
492491 @include sans-serif ;
493- background : url (../img/logo-django .svg ) center center no-repeat ;
492+ background : url (../img/logo-dj .svg ) center center no-repeat ;
494493 color : var (--white-color );
495494 display : block ;
496495 font-weight : 700 ;
497- margin : 10px ;
496+ margin : 10px 4 px ;
498497 overflow : hidden ;
499498 text-decoration : none ;
500499 text-indent : 100% ;
501- width : 104 px ;
500+ width : 45 px ;
502501 height : 36px ;
503502
504- @include respond-min (768px ) {
505- margin-left : 0 ;
503+ @include respond-min (500px ) {
504+ background : url (../img/logo-django.svg ) center center no-repeat ;
505+ width : 104px ;
506+ }
507+
508+ @include respond-min (1080px ) {
509+ margin-left : 10px 10px 10px 10px ;
506510 }
507511 }
508512
@@ -515,12 +519,12 @@ header {
515519 display : block ;
516520 height : 45px ;
517521 line-height : 48px ;
518- margin : 4 px 10 px ;
522+ margin : 2 px ;
519523 text-align : center ;
520524 text-decoration : none ;
521525 width : 45px ;
522526
523- @include respond-min (768 px ) {
527+ @include respond-min (1080 px ) {
524528 display : none ;
525529 }
526530
@@ -544,7 +548,7 @@ header {
544548 max-height : 580px ;
545549 }
546550
547- @include respond-min (768 px ) {
551+ @include respond-min (1080 px ) {
548552 width : auto ;
549553 max-height : none ; // always show menu on a desktop width
550554 }
@@ -553,7 +557,9 @@ header {
553557 margin : 10px 0 0 ;
554558 padding : 0 ;
555559
556- @include respond-min (768px ) {
560+ @include respond-min (1080px ) {
561+ display : flex ;
562+ align-items : center ;
557563 margin : 0 ;
558564 }
559565 }
@@ -568,14 +574,18 @@ header {
568574 text-transform : uppercase ;
569575 margin : 0 10px ;
570576 border-top : 1px solid lighten ($green-dark , 5% );
571- padding : 20px 0px ;
577+ > :not (.search ){
578+ padding : 20px 0px ;
579+ }
572580
573- @include respond-min (768 px ) {
581+ @include respond-min (1080 px ) {
574582 margin : 0 ;
575583 border : 0 ;
576584 float : left ;
577585 text-align : left ;
578- padding : 20px 10px ;
586+ > :not (.search ){
587+ padding : 10px ;
588+ }
579589 }
580590
581591 & .active a {
@@ -608,13 +618,13 @@ header {
608618 color : var (--secondary-accent );
609619 }
610620
611- @include respond-min (768 px ) {
621+ @include respond-min (1080 px ) {
612622 padding : 20px 10px ;
613623 }
614624 }
615625
616626 .nav-primary {
617- @include respond-min (768 px ) {
627+ @include respond-min (1080 px ) {
618628 position : absolute ;
619629 right : 0 ;
620630 top : 45px ;
@@ -645,7 +655,7 @@ header {
645655 top : 0 ;
646656 max-width : 660px ;
647657
648- @include respond-min (768 px ) {
658+ @include respond-min (1080 px ) {
649659 position : static ;
650660 }
651661 }
@@ -3005,14 +3015,10 @@ form {
30053015 height : 40px ;
30063016 padding : 0 ;
30073017 position : absolute ;
3008- right : 2 % ;
3018+ right : 0 ;
30093019 top : 6% ;
30103020 width : 40px ;
30113021
3012- @include respond-min (768px ) {
3013- right : 1% ;
3014- }
3015-
30163022 i {
30173023 @include font-size (20 );
30183024 line-height : 1 ;
@@ -3054,16 +3060,17 @@ form {
30543060 }
30553061
30563062 & .search {
3057- @include respond-min (768px ) {
3058- flex : 0 0 40% ;
3059- margin : 10px 0 ;
3060- }
3061-
3062- flex : 0 0 100% ;
3063- margin : 0 0 10px 0 ;
3064-
3065- button {
3066- top : 19% ;
3063+ width : 20% ;
3064+ min-width : 200px ;
3065+ margin : 0 8px 0 0 ;
3066+ @include respond-min (1080px ) {
3067+ margin : 10px 0 ;
3068+ }
3069+ input {
3070+ margin : 0 ;
3071+ @include respond-min (1080px ) {
3072+ margin : 0 10px ;
3073+ }
30673074 }
30683075 }
30693076}
@@ -3602,7 +3609,7 @@ ul.corporate-members li {
36023609 justify-content : space-between ;
36033610 }
36043611
3605- @include respond-max (1200 px ) {
3612+ @include respond-max (1080 px ) {
36063613 .community-title {
36073614 text-align : center ;
36083615 }
0 commit comments