forked from M3-Academy/m3-academy-template-checkout
feature/body #3
@ -99,8 +99,35 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*CSS Body*/
|
||||
.container-cart {
|
||||
#cart-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.empty-cart-content {
|
||||
display: flex;
|
||||
margin-top: 170px;
|
||||
.empty-cart-title {
|
||||
h2 {
|
||||
font-family: $font-family;
|
||||
font-weight: 700;
|
||||
font-size: 24px;
|
||||
line-height: 33px;
|
||||
}
|
||||
}
|
||||
.empty-cart-links {
|
||||
#cart-choose-products {
|
||||
margin: 0;
|
||||
padding: 16px 64px;
|
||||
background-color: $color-white;
|
||||
color: $color-black;
|
||||
border: 1px solid #000;
|
||||
font-family: $font-family-secundary;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,15 +1,19 @@
|
||||
/* _header.scss */
|
||||
.headerCheckout {
|
||||
margin: 0 !important;
|
||||
width: 100% !important;
|
||||
.container {
|
||||
margin: 0 !important;
|
||||
width: 100% !important;
|
||||
|
||||
&::after {
|
||||
margin-top: 30px;
|
||||
margin: 30px 0 0 0;
|
||||
width: 100%;
|
||||
transform: translateY(-50%);
|
||||
height: 1px;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
|
||||
width: auto !important;
|
||||
#progressBar {
|
||||
width: 446px;
|
||||
ul {
|
||||
@ -94,6 +98,7 @@
|
||||
}
|
||||
|
||||
&__logo {
|
||||
padding-left: 131px;
|
||||
img {
|
||||
height: 52px;
|
||||
width: auto;
|
||||
@ -101,6 +106,7 @@
|
||||
}
|
||||
|
||||
&__safeBuy {
|
||||
padding-right: 131px;
|
||||
display: flex;
|
||||
span {
|
||||
align-items: center;
|
||||
@ -111,8 +117,8 @@
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
color: $color-gray;
|
||||
line-height: 16px;
|
||||
color: $color-black;
|
||||
}
|
||||
|
||||
img {
|
||||
|
@ -2,7 +2,7 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
|
||||
$font-family: "Open Sans", sans-serif;
|
||||
$font-family-secundary:"Tenor Sans", sans-serif;
|
||||
$font-family-secundary: "Tenor Sans", sans-serif;
|
||||
|
||||
/* Colors */
|
||||
$color-black: #292929;
|
||||
@ -21,18 +21,18 @@ $color-green: #4caf50;
|
||||
|
||||
/* Grid breakpoints */
|
||||
$grid-breakpoints: (
|
||||
xs: 0,
|
||||
cstm: 400,
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px
|
||||
xs: 0,
|
||||
cstm: 400,
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px,
|
||||
) !default;
|
||||
|
||||
$z-index: (
|
||||
level1: 5,
|
||||
level2: 10,
|
||||
level3: 15,
|
||||
level4: 20,
|
||||
level5: 25
|
||||
level1: 5,
|
||||
level2: 10,
|
||||
level3: 15,
|
||||
level4: 20,
|
||||
level5: 25,
|
||||
) !default;
|
||||
|
Loading…
Reference in New Issue
Block a user