mirror of
https://github.com/Nezumi-2711/loi-phan-internship.git
synced 2026-09-22 20:01:33 +00:00
54 lines
882 B
SCSS
54 lines
882 B
SCSS
.header {
|
|
@extend %absolute;
|
|
@include set-location($top: 0, $right: 0, $left: 0);
|
|
|
|
width: 428px;
|
|
margin: auto;
|
|
}
|
|
|
|
.header__container {
|
|
@extend %d-flex;
|
|
@include flex-layout($align: center);
|
|
|
|
justify-content: space-between;
|
|
position: relative;
|
|
padding: 24px;
|
|
margin: auto;
|
|
}
|
|
|
|
.header__content {
|
|
@extend %d-flex;
|
|
@include flex-layout($justify: space-between);
|
|
}
|
|
|
|
@media screen and (min-width: 600px) {
|
|
.header {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 840px) {
|
|
.header {
|
|
@include size(auto, auto);
|
|
|
|
max-width: $max-width;
|
|
}
|
|
|
|
.header__container {
|
|
@include flex-layout($gap: 10px);
|
|
|
|
padding-top: 32px;
|
|
padding-left: 70px;
|
|
padding-right: 61px;
|
|
max-width: 1309px;
|
|
}
|
|
|
|
.header__content {
|
|
@include flex-layout($gap: 10px);
|
|
@include size(100%, auto);
|
|
|
|
max-width: 918px;
|
|
padding-bottom: 26px;
|
|
}
|
|
}
|