forked from M3-Academy/challenge-vtex-io
feat : trocando o homeIcon por "Home" e adicionando as fonts
This commit is contained in:
parent
c9a06914fb
commit
17309833e1
BIN
assets/fonts/Poppins-Black.ttf
Normal file
BIN
assets/fonts/Poppins-Black.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-BlackItalic.ttf
Normal file
BIN
assets/fonts/Poppins-BlackItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-Bold.ttf
Normal file
BIN
assets/fonts/Poppins-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-BoldItalic.ttf
Normal file
BIN
assets/fonts/Poppins-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-ExtraBold.ttf
Normal file
BIN
assets/fonts/Poppins-ExtraBold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-ExtraBoldItalic.ttf
Normal file
BIN
assets/fonts/Poppins-ExtraBoldItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-ExtraLight.ttf
Normal file
BIN
assets/fonts/Poppins-ExtraLight.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-ExtraLightItalic.ttf
Normal file
BIN
assets/fonts/Poppins-ExtraLightItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-Italic.ttf
Normal file
BIN
assets/fonts/Poppins-Italic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-Light.ttf
Normal file
BIN
assets/fonts/Poppins-Light.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-LightItalic.ttf
Normal file
BIN
assets/fonts/Poppins-LightItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-Medium.ttf
Normal file
BIN
assets/fonts/Poppins-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-MediumItalic.ttf
Normal file
BIN
assets/fonts/Poppins-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-Regular.ttf
Normal file
BIN
assets/fonts/Poppins-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-SemiBold.ttf
Normal file
BIN
assets/fonts/Poppins-SemiBold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-SemiBoldItalic.ttf
Normal file
BIN
assets/fonts/Poppins-SemiBoldItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-Thin.ttf
Normal file
BIN
assets/fonts/Poppins-Thin.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Poppins-ThinItalic.ttf
Normal file
BIN
assets/fonts/Poppins-ThinItalic.ttf
Normal file
Binary file not shown.
5
styles/configs/font-faces.css
Normal file
5
styles/configs/font-faces.css
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
src: url(assets/fonts/Poppins-Regular.ttf);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
@ -253,84 +253,84 @@
|
|||||||
"measure": [30, 34, 20],
|
"measure": [30, 34, 20],
|
||||||
"styles": {
|
"styles": {
|
||||||
"heading-1": {
|
"heading-1": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "700",
|
"fontWeight": "700",
|
||||||
"fontSize": "3rem",
|
"fontSize": "3rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"heading-2": {
|
"heading-2": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "700",
|
"fontWeight": "700",
|
||||||
"fontSize": "2.25rem",
|
"fontSize": "2.25rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"heading-3": {
|
"heading-3": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "700",
|
"fontWeight": "700",
|
||||||
"fontSize": "1.75rem",
|
"fontSize": "1.75rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"heading-4": {
|
"heading-4": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "normal",
|
"fontWeight": "normal",
|
||||||
"fontSize": "1.5rem",
|
"fontSize": "1.5rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"heading-5": {
|
"heading-5": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "normal",
|
"fontWeight": "normal",
|
||||||
"fontSize": "1.25rem",
|
"fontSize": "1.25rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"heading-6": {
|
"heading-6": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "normal",
|
"fontWeight": "normal",
|
||||||
"fontSize": "1.25rem",
|
"fontSize": "1.25rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"body": {
|
"body": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "normal",
|
"fontWeight": "normal",
|
||||||
"fontSize": "1rem",
|
"fontSize": "1rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"small": {
|
"small": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "normal",
|
"fontWeight": "normal",
|
||||||
"fontSize": "0.875rem",
|
"fontSize": "0.875rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"mini": {
|
"mini": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "normal",
|
"fontWeight": "normal",
|
||||||
"fontSize": "0.75rem",
|
"fontSize": "0.75rem",
|
||||||
"textTransform": "initial",
|
"textTransform": "initial",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"action": {
|
"action": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "500",
|
"fontWeight": "500",
|
||||||
"fontSize": "1rem",
|
"fontSize": "1rem",
|
||||||
"textTransform": "uppercase",
|
"textTransform": "uppercase",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"action--small": {
|
"action--small": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "500",
|
"fontWeight": "500",
|
||||||
"fontSize": "0.875rem",
|
"fontSize": "0.875rem",
|
||||||
"textTransform": "uppercase",
|
"textTransform": "uppercase",
|
||||||
"letterSpacing": "0"
|
"letterSpacing": "0"
|
||||||
},
|
},
|
||||||
"action--large": {
|
"action--large": {
|
||||||
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
|
"fontFamily": "Open Sans, arial, sans-serif",
|
||||||
"fontWeight": "500",
|
"fontWeight": "500",
|
||||||
"fontSize": "1.25rem",
|
"fontSize": "1.25rem",
|
||||||
"textTransform": "uppercase",
|
"textTransform": "uppercase",
|
||||||
|
22
styles/css/vtex.breadcrumb.css
Normal file
22
styles/css/vtex.breadcrumb.css
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
/*
|
||||||
|
0 - 600PX: Phone
|
||||||
|
600 - 900px: Table portrait
|
||||||
|
900 - 1200px: Tablet landscape
|
||||||
|
[1200 - 1800] is where our nortal styles apply
|
||||||
|
1800px + : Big desktop
|
||||||
|
*/
|
||||||
|
/* Media Query M3 */
|
||||||
|
/* Grid breakpoints */
|
||||||
|
.container {
|
||||||
|
background-color: #fff;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
}
|
||||||
|
.container .homeIcon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.container .homeLink::after {
|
||||||
|
content: "Home";
|
||||||
|
display: inline-block;
|
||||||
|
}
|
@ -1,98 +1,9 @@
|
|||||||
.flexRowContent--menu-link,
|
/*
|
||||||
.flexRowContent--main-header {
|
0 - 600PX: Phone
|
||||||
padding: 0 0.5rem;
|
600 - 900px: Table portrait
|
||||||
}
|
900 - 1200px: Tablet landscape
|
||||||
|
[1200 - 1800] is where our nortal styles apply
|
||||||
@media screen and (min-width: 40em) {
|
1800px + : Big desktop
|
||||||
.flexRowContent--menu-link,
|
*/
|
||||||
.flexRowContent--main-header {
|
/* Media Query M3 */
|
||||||
padding: 0 1rem;
|
/* Grid breakpoints */
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 80rem) {
|
|
||||||
.flexRowContent--menu-link,
|
|
||||||
.flexRowContent--main-header {
|
|
||||||
padding: 0 0.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRowContent--menu-link {
|
|
||||||
background-color: #03044e;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRowContent--main-header {
|
|
||||||
background-color: #f0f0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRowContent--main-header-mobile {
|
|
||||||
align-items: center;
|
|
||||||
padding: 0.625rem 0.5rem;
|
|
||||||
background-color: #f0f0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRowContent--menu-link :global(.vtex-menu-2-x-styledLink) {
|
|
||||||
color: #ffffff;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRowContent--main-header :global(.vtex-menu-2-x-styledLink) {
|
|
||||||
color: #727273;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRow--deals {
|
|
||||||
background-color: #0F3E99;
|
|
||||||
padding: 14px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRow--deals .stretchChildrenWidth {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRow--deals .flexCol {
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
padding-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexCol--filterCol {
|
|
||||||
max-width: 500px;
|
|
||||||
min-width: 230px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexCol--productCountCol {
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexCol--orderByCol {
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexCol--orderByMobileCol {
|
|
||||||
width: 42%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexCol--filterMobileCol {
|
|
||||||
width: 38%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRow--quickviewMainRow {
|
|
||||||
display: flex;
|
|
||||||
max-height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexColChild--quickviewDetails:first-child {
|
|
||||||
overflow-y: auto;
|
|
||||||
height: 66% !important;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexColChild--quickviewDetails:last-child {
|
|
||||||
height: 34% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flexRow--addToCartRow {
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
}
|
|
13
styles/sass/pages/product/vtex.breadcrumb.scss
Normal file
13
styles/sass/pages/product/vtex.breadcrumb.scss
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
.container{
|
||||||
|
background-color: $color-white;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
.homeIcon{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.homeLink::after{
|
||||||
|
content: 'Home';
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
0
styles/sass/pages/product/vtex.flex-layout.scss
Normal file
0
styles/sass/pages/product/vtex.flex-layout.scss
Normal file
Loading…
x
Reference in New Issue
Block a user