|
338 | 338 | } |
339 | 339 | /// Gradient Left-To-Right |
340 | 340 | &.#{class('button', 'gradient')}#{'-ltr'} { |
341 | | - background: linear-gradient(135deg, lighten($bg-color, 26.5%), darken($bg-color, 5%)); |
| 341 | + background: linear-gradient(125deg, lighten($bg-color, 21%), darken($bg-color, 5%)); |
342 | 342 | } |
343 | 343 | /// Gradient Right-To-Left |
344 | 344 | &.#{class('button', 'gradient')}#{'-rtl'} { |
345 | | - background: linear-gradient(-135deg, lighten($bg-color, 26.5%), darken($bg-color, 5%)); |
| 345 | + background: linear-gradient(-125deg, lighten($bg-color, 21%), darken($bg-color, 5%)); |
346 | 346 | } |
347 | 347 | &.#{class('button', 'gradient')}#{'-ltr'}, |
348 | 348 | &.#{class('button', 'gradient')}#{'-rtl'} { |
|
358 | 358 | opacity: 0; |
359 | 359 | transition: opacity 0.25s; |
360 | 360 | z-index: -1; |
361 | | - background: linear-gradient(0deg, lighten($bg-color, 32%), darken($bg-color, 2%)); |
| 361 | + background: linear-gradient(0deg, lighten($bg-color, 21%), darken($bg-color, 2%)); |
362 | 362 | } |
363 | 363 | &:hover::before { |
364 | 364 | opacity: 1; |
365 | 365 | } |
366 | 366 | &:active::before, |
367 | 367 | &:focus::before { |
368 | | - background: linear-gradient(0deg, lighten($bg-color, 36%), $bg-color); |
| 368 | + background: linear-gradient(0deg, lighten($bg-color, 25%), $bg-color); |
369 | 369 | } |
370 | 370 | } |
371 | 371 | } |
|
0 commit comments