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;
button {
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;
@include buttonStyle();
// 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;
// font-style: normal;
// display: flex;
// align-items: center;
// letter-spacing: 0.05em;
}
&--image {

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

@ -80,6 +80,24 @@
&::-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) {
@if $backface {
backface-visibility: hidden;