forked from M3-Academy/m3-academy-template-checkout
feature/header #1
@ -3,24 +3,47 @@
|
||||
border-bottom: 1px solid $color-black-500;
|
||||
|
||||
.container {
|
||||
padding: 30px 0;
|
||||
width: 79.53%;
|
||||
|
||||
@include mq(md, max) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&__wrapper {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 30px 0;
|
||||
|
||||
@include mq(md, max) {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
@include mq(md, max) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__logo {
|
||||
img {
|
||||
height: 37px;
|
||||
width: auto;
|
||||
|
||||
@include mq(xl, min) {
|
||||
height: 91.89px;
|
||||
}
|
||||
|
||||
@include mq(md, max) {
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__safeBuy {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
span {
|
||||
@ -33,10 +56,23 @@
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: $color-black-100;
|
||||
|
||||
@include mq(xl, min) {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
height: 15px;
|
||||
|
||||
@include mq(xl, min) {
|
||||
height: 41px;
|
||||
}
|
||||
|
||||
@include mq(md, max) {
|
||||
height: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -24,10 +24,10 @@ $color-green: #4caf50;
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
cstm: 400,
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px
|
||||
sm: 375px,
|
||||
md: 1025px,
|
||||
lg: 1280px,
|
||||
xl: 2500px
|
||||
) !default;
|
||||
|
||||
$z-index: (
|
||||
|
Loading…
x
Reference in New Issue
Block a user