|
198 | 198 | .e-btn.e-small.e-rtl .e-icon-left, |
199 | 199 | .e-css.e-btn.e-small.e-rtl .e-icon-left { |
200 | 200 | margin-left: 0; |
201 | | - margin-right: btn-small-icon-margin; |
| 201 | + margin-right: -0.57143em; |
202 | 202 | } |
203 | 203 |
|
204 | 204 | .e-btn.e-block, |
|
306 | 306 | .e-small .e-css.e-btn.e-rtl .e-icon-left, |
307 | 307 | .e-small.e-css.e-btn.e-rtl .e-icon-left { |
308 | 308 | margin-left: 0; |
309 | | - margin-right: btn-small-icon-margin; |
| 309 | + margin-right: -0.57143em; |
310 | 310 | } |
311 | 311 |
|
312 | 312 | .e-bigger.e-small .e-btn, |
|
666 | 666 | .e-css.e-btn:disabled { |
667 | 667 | background-color: rgba(57, 57, 57, 0.4); |
668 | 668 | border-color: rgba(88, 88, 88, 0.4); |
669 | | - box-shadow: transparent; |
| 669 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
670 | 670 | color: rgba(240, 240, 240, 0.3); |
671 | 671 | } |
672 | 672 |
|
|
713 | 713 | .e-css.e-btn.e-round:disabled { |
714 | 714 | background-color: rgba(57, 57, 57, 0.4); |
715 | 715 | border-color: rgba(88, 88, 88, 0.4); |
716 | | - box-shadow: transparent; |
| 716 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
717 | 717 | color: rgba(240, 240, 240, 0.3); |
718 | 718 | } |
719 | 719 |
|
|
787 | 787 | .e-css.e-btn.e-primary:disabled { |
788 | 788 | background-color: rgba(0, 112, 240, 0.4); |
789 | 789 | border-color: rgba(0, 112, 240, 0.4); |
790 | | - box-shadow: transparent; |
| 790 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
791 | 791 | color: rgba(255, 255, 255, 0.4); |
792 | 792 | } |
793 | 793 |
|
|
832 | 832 | .e-css.e-btn.e-success:disabled { |
833 | 833 | background-color: rgba(72, 177, 76, 0.4); |
834 | 834 | border-color: rgba(88, 88, 88, 0.4); |
835 | | - box-shadow: transparent; |
| 835 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
836 | 836 | color: rgba(240, 240, 240, 0.4); |
837 | 837 | } |
838 | 838 |
|
|
877 | 877 | .e-css.e-btn.e-info:disabled { |
878 | 878 | background-color: rgba(42, 170, 192, 0.4); |
879 | 879 | border-color: rgba(88, 88, 88, 0.4); |
880 | | - box-shadow: transparent; |
| 880 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
881 | 881 | color: rgba(240, 240, 240, 0.4); |
882 | 882 | } |
883 | 883 |
|
|
922 | 922 | .e-css.e-btn.e-warning:disabled { |
923 | 923 | background-color: rgba(250, 193, 104, 0.4); |
924 | 924 | border-color: rgba(88, 88, 88, 0.4); |
925 | | - box-shadow: transparent; |
| 925 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
926 | 926 | color: rgba(240, 240, 240, 0.4); |
927 | 927 | } |
928 | 928 |
|
|
974 | 974 | .e-css.e-btn.e-danger:disabled { |
975 | 975 | background-color: rgba(212, 79, 79, 0.4); |
976 | 976 | border-color: rgba(88, 88, 88, 0.4); |
977 | | - box-shadow: transparent; |
| 977 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
978 | 978 | color: rgba(240, 240, 240, 0.4); |
979 | 979 | } |
980 | 980 |
|
|
987 | 987 | .e-css.e-btn.e-flat { |
988 | 988 | background-color: #393939; |
989 | 989 | border-color: #585858; |
990 | | - box-shadow: transparent; |
| 990 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
991 | 991 | color: #f0f0f0; |
992 | 992 | } |
993 | 993 |
|
994 | 994 | .e-btn.e-flat:hover, |
995 | 995 | .e-css.e-btn.e-flat:hover { |
996 | 996 | background-color: #313131; |
997 | 997 | border-color: #505050; |
998 | | - box-shadow: transparent; |
| 998 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
999 | 999 | color: #f0f0f0; |
1000 | 1000 | } |
1001 | 1001 |
|
|
1004 | 1004 | background-color: #313131; |
1005 | 1005 | border-color: #585858; |
1006 | 1006 | color: #fff; |
1007 | | - box-shadow: transparent; |
| 1007 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1008 | 1008 | } |
1009 | 1009 |
|
1010 | 1010 | .e-btn.e-flat:active, .e-btn.e-flat.e-active, |
|
1020 | 1020 | .e-css.e-btn.e-flat:disabled { |
1021 | 1021 | background-color: rgba(57, 57, 57, 0.4); |
1022 | 1022 | border-color: rgba(88, 88, 88, 0.4); |
1023 | | - box-shadow: transparent; |
| 1023 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1024 | 1024 | color: rgba(240, 240, 240, 0.3); |
1025 | 1025 | } |
1026 | 1026 |
|
|
1062 | 1062 | .e-css.e-btn.e-flat.e-primary:disabled { |
1063 | 1063 | background-color: rgba(0, 112, 240, 0.4); |
1064 | 1064 | border-color: rgba(88, 88, 88, 0.4); |
1065 | | - box-shadow: transparent; |
| 1065 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1066 | 1066 | color: rgba(240, 240, 240, 0.4); |
1067 | 1067 | } |
1068 | 1068 |
|
|
1082 | 1082 | .e-css.e-btn.e-flat.e-success:hover { |
1083 | 1083 | background-color: #2e7030; |
1084 | 1084 | border-color: #358238; |
1085 | | - box-shadow: transparent; |
| 1085 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1086 | 1086 | color: #fff; |
1087 | 1087 | } |
1088 | 1088 |
|
|
1091 | 1091 | background-color: #2e7030; |
1092 | 1092 | border-color: #265e28; |
1093 | 1093 | color: #fff; |
1094 | | - box-shadow: transparent; |
| 1094 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1095 | 1095 | } |
1096 | 1096 |
|
1097 | 1097 | .e-btn.e-flat.e-success:active, .e-btn.e-flat.e-success.e-active, |
|
1126 | 1126 | .e-css.e-btn.e-flat.e-info:hover { |
1127 | 1127 | background-color: #1b6d7b; |
1128 | 1128 | border-color: #208090; |
1129 | | - box-shadow: transparent; |
| 1129 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1130 | 1130 | color: #fff; |
1131 | 1131 | } |
1132 | 1132 |
|
|
1135 | 1135 | background-color: #1b6d7b; |
1136 | 1136 | border-color: #175b66; |
1137 | 1137 | color: #fff; |
1138 | | - box-shadow: transparent; |
| 1138 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1139 | 1139 | } |
1140 | 1140 |
|
1141 | 1141 | .e-btn.e-flat.e-info:active, .e-btn.e-flat.e-info.e-active, |
|
1170 | 1170 | .e-css.e-btn.e-flat.e-warning:hover { |
1171 | 1171 | background-color: #dd8907; |
1172 | 1172 | border-color: #ab6a05; |
1173 | | - box-shadow: transparent; |
| 1173 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1174 | 1174 | color: #000; |
1175 | 1175 | } |
1176 | 1176 |
|
|
1179 | 1179 | background-color: #dd8907; |
1180 | 1180 | border-color: #7a4c04; |
1181 | 1181 | color: #000; |
1182 | | - box-shadow: transparent; |
| 1182 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1183 | 1183 | } |
1184 | 1184 |
|
1185 | 1185 | .e-btn.e-flat.e-warning:active, .e-btn.e-flat.e-warning.e-active, |
|
1214 | 1214 | .e-css.e-btn.e-flat.e-danger:hover { |
1215 | 1215 | background-color: #ac2a2a; |
1216 | 1216 | border-color: #c12f2f; |
1217 | | - box-shadow: transparent; |
| 1217 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1218 | 1218 | color: #fff; |
1219 | 1219 | } |
1220 | 1220 |
|
|
1223 | 1223 | background-color: #ac2a2a; |
1224 | 1224 | border-color: #982525; |
1225 | 1225 | color: #fff; |
1226 | | - box-shadow: transparent; |
| 1226 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1227 | 1227 | } |
1228 | 1228 |
|
1229 | 1229 | .e-btn.e-flat.e-danger:active, .e-btn.e-flat.e-danger.e-active, |
|
1251 | 1251 | .e-css.e-btn.e-outline { |
1252 | 1252 | background-color: transparent; |
1253 | 1253 | border-color: #585858; |
1254 | | - box-shadow: transparent; |
| 1254 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1255 | 1255 | color: #f0f0f0; |
1256 | 1256 | } |
1257 | 1257 |
|
1258 | 1258 | .e-btn.e-outline:hover, |
1259 | 1259 | .e-css.e-btn.e-outline:hover { |
1260 | 1260 | background-color: #313131; |
1261 | 1261 | border-color: #505050; |
1262 | | - box-shadow: transparent; |
| 1262 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1263 | 1263 | color: #f0f0f0; |
1264 | 1264 | } |
1265 | 1265 |
|
|
1284 | 1284 | .e-css.e-btn.e-outline:disabled { |
1285 | 1285 | background-color: transparent; |
1286 | 1286 | border-color: rgba(88, 88, 88, 0.4); |
1287 | | - box-shadow: transparent; |
| 1287 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1288 | 1288 | color: rgba(240, 240, 240, 0.4); |
1289 | 1289 | } |
1290 | 1290 |
|
|
1322 | 1322 | .e-css.e-btn.e-outline.e-primary:disabled { |
1323 | 1323 | background-color: transparent; |
1324 | 1324 | border-color: rgba(88, 88, 88, 0.4); |
1325 | | - box-shadow: transparent; |
| 1325 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1326 | 1326 | color: rgba(240, 240, 240, 0.4); |
1327 | 1327 | } |
1328 | 1328 |
|
|
1360 | 1360 | .e-css.e-btn.e-outline.e-success:disabled { |
1361 | 1361 | background-color: transparent; |
1362 | 1362 | border-color: rgba(53, 130, 56, 0.4); |
1363 | | - box-shadow: transparent; |
| 1363 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1364 | 1364 | color: rgba(53, 130, 56, 0.4); |
1365 | 1365 | } |
1366 | 1366 |
|
|
1398 | 1398 | .e-css.e-btn.e-outline.e-info:disabled { |
1399 | 1399 | background-color: transparent; |
1400 | 1400 | border-color: rgba(32, 128, 144, 0.4); |
1401 | | - box-shadow: transparent; |
| 1401 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1402 | 1402 | color: rgba(32, 128, 144, 0.4); |
1403 | 1403 | } |
1404 | 1404 |
|
|
1436 | 1436 | .e-css.e-btn.e-outline.e-warning:disabled { |
1437 | 1437 | background-color: transparent; |
1438 | 1438 | border-color: rgba(249, 173, 55, 0.4); |
1439 | | - box-shadow: transparent; |
| 1439 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1440 | 1440 | color: rgba(249, 173, 55, 0.4); |
1441 | 1441 | } |
1442 | 1442 |
|
|
1474 | 1474 | .e-css.e-btn.e-outline.e-danger:disabled { |
1475 | 1475 | background-color: transparent; |
1476 | 1476 | border-color: rgba(193, 47, 47, 0.4); |
1477 | | - box-shadow: transparent; |
| 1477 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1478 | 1478 | color: rgba(193, 47, 47, 0.4); |
1479 | 1479 | } |
1480 | 1480 |
|
|
1505 | 1505 | .e-css.e-btn.e-link:disabled { |
1506 | 1506 | color: rgba(240, 240, 240, 0.3); |
1507 | 1507 | background-color: transparent; |
1508 | | - box-shadow: transparent; |
| 1508 | + box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); |
1509 | 1509 | text-decoration: none; |
1510 | 1510 | } |
1511 | 1511 |
|
|
1947 | 1947 |
|
1948 | 1948 | .e-checkbox-wrapper .e-ripple-check .e-ripple-element, |
1949 | 1949 | .e-css.e-checkbox-wrapper .e-ripple-check .e-ripple-element { |
1950 | | - background: transperant; |
| 1950 | + background: transparent; |
1951 | 1951 | } |
1952 | 1952 |
|
1953 | 1953 | .e-checkbox-wrapper:active .e-ripple-element, |
1954 | 1954 | .e-css.e-checkbox-wrapper:active .e-ripple-element { |
1955 | | - background: transperant; |
| 1955 | + background: transparent; |
1956 | 1956 | } |
1957 | 1957 |
|
1958 | 1958 | .e-checkbox-wrapper:active .e-ripple-check .e-ripple-element, |
|
0 commit comments