| | |
| | | @import './variables.scss'; |
| | | @import './variables.module.scss'; |
| | | |
| | | @mixin colorBtn($color) { |
| | | background: $color; |
| | |
| | | } |
| | | |
| | | .blue-btn { |
| | | @include colorBtn($blue) |
| | | @include colorBtn($blue); |
| | | } |
| | | |
| | | .light-blue-btn { |
| | | @include colorBtn($light-blue) |
| | | @include colorBtn($light-blue); |
| | | } |
| | | |
| | | .red-btn { |
| | | @include colorBtn($red) |
| | | @include colorBtn($red); |
| | | } |
| | | |
| | | .pink-btn { |
| | | @include colorBtn($pink) |
| | | @include colorBtn($pink); |
| | | } |
| | | |
| | | .green-btn { |
| | | @include colorBtn($green) |
| | | @include colorBtn($green); |
| | | } |
| | | |
| | | .tiffany-btn { |
| | | @include colorBtn($tiffany) |
| | | @include colorBtn($tiffany); |
| | | } |
| | | |
| | | .yellow-btn { |
| | | @include colorBtn($yellow) |
| | | @include colorBtn($yellow); |
| | | } |
| | | |
| | | .pan-btn { |
| | | font-size: 14px; |
| | | font-size: 12px; |
| | | color: #fff; |
| | | padding: 14px 36px; |
| | | border-radius: 8px; |
| | |
| | | outline: 0; |
| | | margin: 0; |
| | | padding: 10px 15px; |
| | | font-size: 14px; |
| | | font-size: 12px; |
| | | border-radius: 4px; |
| | | } |