]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | @function button-pressed-background-color($background-color) {\r |
2 | @if $background-color == transparent or $background-color == null {\r | |
3 | @return $background-color;\r | |
4 | } @else {\r | |
5 | @return darken($background-color, 12%);\r | |
6 | }\r | |
7 | }\r | |
8 | \r | |
9 | @function button-border-color($background-color) {\r | |
10 | @if $background-color == transparent or $background-color == null {\r | |
11 | @return $background-color;\r | |
12 | } @else {\r | |
13 | @return darken($background-color, 8%);\r | |
14 | }\r | |
15 | }\r | |
16 | \r | |
17 | @function button-pressed-border-color($background-color) {\r | |
18 | @if $background-color == transparent or $background-color == null {\r | |
19 | @return $background-color;\r | |
20 | } @else {\r | |
21 | @return darken($background-color, 8%);\r | |
22 | }\r | |
23 | }\r | |
24 | \r | |
25 | @function button-color($background-color) {\r | |
26 | @return color-by-background($background-color);\r | |
27 | }\r | |
28 | \r | |
29 | @function button-pressed-color($background-color) {\r | |
30 | @return color-by-background($background-color);\r | |
31 | }\r | |
32 | \r | |
33 | @function button-background-gradient($background-color) {\r | |
34 | @return color_stops(\r | |
35 | mix(#fff, $background-color, 10%),\r | |
36 | $background-color 50%,\r | |
37 | mix(#000, $background-color, 5%) 51%,\r | |
38 | $background-color\r | |
39 | );\r | |
40 | }\r | |
41 | \r | |
42 | @function button-pressed-background-gradient($background-color) {\r | |
43 | @return color_stops(\r | |
44 | $background-color,\r | |
45 | mix(#000, $background-color, 5%) 50%,\r | |
46 | $background-color 51%,\r | |
47 | mix(#fff, $background-color, 10%)\r | |
48 | );\r | |
49 | }\r |