Skip to content

Commit 147c1fb

Browse files
updated button's gradient brightness
1 parent f97bce3 commit 147c1fb

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/Elements/Button/mixins.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -338,11 +338,11 @@
338338
}
339339
/// Gradient Left-To-Right
340340
&.#{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%));
342342
}
343343
/// Gradient Right-To-Left
344344
&.#{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%));
346346
}
347347
&.#{class('button', 'gradient')}#{'-ltr'},
348348
&.#{class('button', 'gradient')}#{'-rtl'} {
@@ -358,14 +358,14 @@
358358
opacity: 0;
359359
transition: opacity 0.25s;
360360
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%));
362362
}
363363
&:hover::before {
364364
opacity: 1;
365365
}
366366
&:active::before,
367367
&:focus::before {
368-
background: linear-gradient(0deg, lighten($bg-color, 36%), $bg-color);
368+
background: linear-gradient(0deg, lighten($bg-color, 25%), $bg-color);
369369
}
370370
}
371371
}

0 commit comments

Comments
 (0)