HenriqueSantosSantana/m3-academy-template-checkout-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature/header #1

Merged
HenriqueSantosSantana merged 2 commits from feature/header into develop 2022-12-13 23:41:51 +00:00
Conversation 0 Commits 2 Files Changed 5 +22 -15
1 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 92274d7cb3 - Show all commits

37
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -9,6 +9,7 @@
.headerCheckout { .headerCheckout {
padding: 16px; padding: 16px;
border-bottom: 1px solid $clr-common-black;
.container { .container {
width: 100%; width: 100%;
@ -31,6 +32,12 @@
max-width: 119px; max-width: 119px;
gap: 8px; gap: 8px;
span {
font: normal normal 12px / 14px $font-family-100;
text-transform: uppercase;
color: $clr-gray-500;
}
img { img {
width: 12px; width: 12px;
height: 13px; height: 13px;
@ -42,14 +49,6 @@
max-width: 155.58px; max-width: 155.58px;
height: auto; height: auto;
span {
display: flex;
align-items: center;
font: normal normal 12px / 14px $font-family-100;
text-transform: uppercase;
color: $clr-gray-500;
}
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -82,21 +81,29 @@
} }
@media screen and (min-width: 2500px) { @media screen and (min-width: 2500px) {
$width-container: 1988.28px;
&__wrapper { &__wrapper {
width: fluid(1988.28px, 2500px); width: fluid($width-container, 2500px);
} }
&__logo { &__logo {
width: fluid(382.07px, 1988.28px); width: fluid(382.07px, $width-container);
max-width: none; max-width: none;
height: auto; height: auto;
}
&__safeBuy {
width: fluid(235.28px, $width-container);
max-width: none;
span { span {
display: flex; font: normal normal 24px / 32.68px $font-family-100;
align-items: center; }
font: normal normal 24px / auto $font-family-100;
text-transform: uppercase; img {
color: $clr-gray-500; width: 29.47px;
height: 41.46px;
} }
} }
} }