emmanuelvitor/challenge-vtex-io-emmanuelvitor
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona as fontes e alguns padroes de cores que serão usados no projeto #5

Merged
emmanuelvitor merged 1 commits from feature/fontsEVariaveisSass into development 2023-02-09 02:13:10 +00:00
Conversation 0 Commits 1 Files Changed 20 +379 -363
20 changed files with 379 additions and 363 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/fonts/OpenSans-Bold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-ExtraBold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-ExtraBoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-Italic.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-Light.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-LightItalic.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-Medium.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-Regular.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/OpenSans-SemiBoldItalic.ttf Normal file
View File

Binary file not shown.

15
styles/configs/font-faces.css Normal file
View File

@ -0,0 +1,15 @@
@font-face {
font-family: 'Open Sans';
src: url(assets/fonts/OpenSans-Light.ttf);
font-weight: 300;
}
@font-face {
font-family: 'Open Sans';
src: url(assets/fonts/OpenSans-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: 'Open Sans';
src: url(assets/fonts/OpenSans-Bold.ttf);
font-weight: 700;
}

48
styles/configs/style.json
View File

@ -1,26 +1,28 @@
{
"typeScale": [
3, 2.25, 1.5, 1.25, 1, 0.875, 0.75
],
"typeScale": [3, 2.25, 1.5, 1.25, 1, 0.875, 0.75],
"spacing": [0.125, 0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4, 8, 16],
"customMedia": [
{ "s": 20 },
{ "ns": {
{
"ns": {
"value": 40,
"minWidth": true
}
},
{ "m": {
{
"m": {
"value": 40,
"minWidth": true
}
},
{ "l": {
{
"l": {
"value": 64,
"minWidth": true
}
},
{ "xl": {
{
"xl": {
"value": 80,
"minWidth": true
}
@ -245,92 +247,92 @@
"maxWidths": [1, 2, 4, 8, 16, 32, 48, 64, 96],
"heights": [1, 2, 4, 8, 16],
"sizes": [
{"name": "small", "value": 2},
{"name": "regular", "value": 2.5},
{"name": "large", "value": 3}
{ "name": "small", "value": 2 },
{ "name": "regular", "value": 2.5 },
{ "name": "large", "value": 3 }
],
"typography":{
"typography": {
"measure": [30, 34, 20],
"styles": {
"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, sans-serif",
"fontWeight": "700",
"fontSize": "3rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "700",
"fontSize": "2.25rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "700",
"fontSize": "1.75rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "normal",
"fontSize": "1.5rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "normal",
"fontSize": "1.25rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "normal",
"fontSize": "1.25rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"body": {
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
"fontFamily": "Open Sans, sans-serif",
"fontWeight": "normal",
"fontSize": "1rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"small": {
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
"fontFamily": "Open Sans, sans-serif",
"fontWeight": "normal",
"fontSize": "0.875rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"mini": {
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
"fontFamily": "Open Sans, sans-serif",
"fontWeight": "normal",
"fontSize": "0.75rem",
"textTransform": "initial",
"letterSpacing": "0"
},
"action": {
"fontFamily": "San Francisco, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
"fontFamily": "Open Sans, sans-serif",
"fontWeight": "500",
"fontSize": "1rem",
"textTransform": "uppercase",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "500",
"fontSize": "0.875rem",
"textTransform": "uppercase",
"letterSpacing": "0"
},
"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, sans-serif",
"fontWeight": "500",
"fontSize": "1.25rem",
"textTransform": "uppercase",

2
styles/css/vtex.slider-layout.css
View File

@ -122,7 +122,7 @@
bottom: -16px;
}
.paginationDotsContainer--m3-carousel-products .paginationDot--m3-carousel-products {
background-color: #000;
background-color: #000000;
}
.paginationDotsContainer--m3-carousel-products .paginationDot--isActive {
height: 1.063rem !important;

2
styles/css/vtex.store-components.css
View File

@ -8,7 +8,7 @@
/* Media Query M3 */
/* Grid breakpoints */
.newsletter {
background: #000;
background: #000000;
color: #fff;
margin: 64px 0;
}

4
styles/sass/pages/product/vtex.product-summary.scss
View File

@ -40,7 +40,7 @@
font-size: 18px;
line-height: 25px;
text-align: center;
color: #000000;
color: $color-black;
@media (max-width:767px) {
font-size: 14px;
@ -85,7 +85,7 @@
font-size: 24px;
line-height: 33px;
text-align: center;
color: #000000;
color: $color-black;
@media (max-width:767px) {
font-size: 18px;

2
styles/sass/pages/product/vtex.slider-layout.scss
View File

@ -114,7 +114,7 @@
bottom: -16px;
.paginationDot--m3-carousel-products {
background-color: #000;
background-color: $color-black;
}
.paginationDot--isActive {

2
styles/sass/pages/product/vtex.store-components.scss
View File

@ -1,5 +1,5 @@
.newsletter {
background: #000;
background: $color-black;
color: #fff;
margin: 64px 0;

9
styles/sass/utils/_vars.scss
View File

@ -1,4 +1,5 @@
$color-black: #292929;
$color-black: #000000;
$color-black2: #292929;
$color-white: #fff;
@ -19,13 +20,11 @@ $grid-breakpoints: (
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
xl: 1200px) !default;
$z-index: (
level1: 5,
level2: 10,
level3: 15,
level4: 20,
level5: 25
) !default;
level5: 25) !default;