]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-neptune/sass/etc/functions/button-colors.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-neptune / sass / etc / functions / button-colors.scss
CommitLineData
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