andreamatsunaga/m3-academy-template-checkout-andrea-matsunaga
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: cria mixin de buttonStyle

Browse Source
This commit is contained in:
Andrea Matsunaga 2022-12-16 23:35:39 -03:00
parent f287273dc2
commit a78185d880
2 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
checkout/src/arquivos/sass/partials/_prateleira.scss
View File

@ -26,21 +26,22 @@
// background: yellow; // background: yellow;
button { button {
border: none; @include buttonStyle();
border-radius: 8px; // border: none;
line-height: 18px; // border-radius: 8px;
font-size: 13px; // line-height: 18px;
font-family: $font-family; // font-size: 13px;
font-weight: 700; // font-family: $font-family;
color: $color-white; // font-weight: 700;
background: $blue-300; // color: $color-white;
text-align: center; // background: $blue-300;
text-transform: uppercase; // text-align: center;
// text-transform: uppercase;
font-style: normal; // font-style: normal;
display: flex; // display: flex;
align-items: center; // align-items: center;
letter-spacing: 0.05em; // letter-spacing: 0.05em;
} }
&--image { &--image {

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

@ -80,6 +80,24 @@
&::-webkit-input-placeholder { @content; } &::-webkit-input-placeholder { @content; }
} }
@mixin buttonStyle($width: 100%, $color: #ffffff, $bg-color: #00C8FF) {
border: none;
border-radius: 8px;
line-height: 18px;
font-size: 13px;
font-family: $font-family;
font-weight: 700;
color: $color-white;
background: $blue-300;
text-align: center;
text-transform: uppercase;
font-style: normal;
display: flex;
align-items: center;
letter-spacing: 0.05em;
}
@mixin hardware($backface: true, $perspective: 1000) { @mixin hardware($backface: true, $perspective: 1000) {
@if $backface { @if $backface {
backface-visibility: hidden; backface-visibility: hidden;