DaviKlein/m3-academy-template-checkout-davi-klein
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat(sassUtilis):Adiciona toas as variaves e o sass do utils' (#7) from feature/UtilsSass into development

Browse Source 
Reviewed-on: #7
This commit is contained in:
DaviKlein 2022-12-19 01:39:17 +00:00
commit ea517d8d7b
2 changed files with 43 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
checkout/src/arquivos/sass/utils/_mixin.scss
View File

@ -1,7 +1,7 @@
/** /**
* @reference (https://github.com/engageinteractive/core/blob/master/src/scss/utility/_mixins.scss) * @reference (https://github.com/engageinteractive/core/blob/master/src/scss/utility/_mixins.scss)
*/ */
@mixin push--auto { @mixin push--auto {
margin: { margin: {
left: auto; left: auto;
right: auto; right: auto;

36
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -2,31 +2,61 @@
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap"); @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"); @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: "Open Sans", sans-serif;
$font-family-secundary:"Tenor Sans", sans-serif; $font-family-secundary: "Tenor Sans", sans-serif;
/* Colors */ /* Colors */
$black: #000;
$color-black-000: #000000;
$color-black: #292929; $color-black: #292929;
$color-black2: #292929;
$color-white: #fff; $color-white: #fff;
$color-white2: #ededed;
$white: #fff;
$gray: #c4c4c4;
$gray-200: #8d8d8d;
$gray-500: #292929;
$color-gray: #6c6c6c; $color-gray: #6c6c6c;
$color-gray2: #7d7d7d; $color-gray2: #7d7d7d;
$color-gray3: #f0f0f0; $color-gray3: #f0f0f0;
$color-gray4: #8d8d8d; $color-gray4: #8d8d8d;
$color-gray5: #e5e5e5; $color-gray5: #e5e5e5;
$color-gray6: #c4c4c4;
$color-gray7: #989898;
$color-gray8: #828282;
$color-gray9: #bdbdbd;
$color-gray10: #c4c4c4;
$color-gray11: #ededed;
$color-gray12: #989898;
$color-orange: #f15a31;
$color-blue: #4267b2; $color-blue: #4267b2;
$color-blue2: #00c8ff;
$color-red: #ff0000;
$color-green: #4caf50; $color-green: #4caf50;
/* Grid breakpoints */ /* Grid breakpoints */
$grid-breakpoints: ( $grid-breakpoints: (
xs: 0, xs: 0,
Gf: 328px,
cstm: 400, cstm: 400,
f: 375px,
c: 376px,
m: 491px,
sm: 576px, sm: 576px,
md: 768px, md: 768px,
lg: 992px, lg: 992px,
xl: 1200px tb: 1024px,
dt: 1025px,
l: 1025px,
xl: 1200px,
tv: 2500px,
xxl: 2500px,
) !default; ) !default;
$z-index: ( $z-index: (
@ -34,5 +64,5 @@ $z-index: (
level2: 10, level2: 10,
level3: 15, level3: 15,
level4: 20, level4: 20,
level5: 25 level5: 25,
) !default; ) !default;