UNPKG

react-native-ui-lib

Version:

The Amazing UI-Lib

39 lines (36 loc) • 1.87 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import Colors from './colors'; const Shadows = { white10: { top: {shadowColor: Colors.dark20, shadowOpacity: 0.06, shadowRadius: 18.5}, bottom: {shadowColor: Colors.dark10, shadowOpacity: 0.07, shadowRadius: 8.5, shadowOffset: {height: 5, width: 0}}, }, white20: { top: {shadowColor: Colors.dark20, shadowOpacity: 0.05, shadowRadius: 12}, bottom: {shadowColor: Colors.dark10, shadowOpacity: 0.06, shadowRadius: 4.5, shadowOffset: {height: 4, width: 0}}, }, white30: { top: {shadowColor: Colors.dark20, shadowOpacity: 0.06, shadowRadius: 15}, bottom: {shadowColor: Colors.dark10, shadowOpacity: 0.04, shadowRadius: 3, shadowOffset: {height: 3, width: 0}}, }, white40: { top: {shadowColor: Colors.dark20, shadowOpacity: 0.04, shadowRadius: 13.5}, bottom: {shadowColor: Colors.dark10, shadowOpacity: 0.09, shadowRadius: 2, shadowOffset: {height: 2, width: 0}}, }, dark10: { top: {shadowColor: Colors.dark10, shadowOpacity: 0.04, shadowRadius: 4.5, shadowOffset: {height: 5, width: 0}}, bottom: {shadowColor: Colors.dark20, shadowOpacity: 0.04, shadowRadius: 9, shadowOffset: {height: 10, width: 0}}, }, dark20: { top: {shadowColor: Colors.dark10, shadowOpacity: 0.04, shadowRadius: 3.5, shadowOffset: {height: 3, width: 0}}, bottom: {shadowColor: Colors.dark20, shadowOpacity: 0.04, shadowRadius: 8, shadowOffset: {height: 7, width: 0}}, }, dark30: { top: {shadowColor: Colors.dark20, shadowOpacity: 0.03, shadowRadius: 15}, bottom: {shadowColor: Colors.dark10, shadowOpacity: 0.02, shadowRadius: 3, shadowOffset: {height: 2.5, width: 0}}, }, dark40: { top: {shadowColor: Colors.dark20, shadowOpacity: 0.02, shadowRadius: 13.5}, bottom: {shadowColor: Colors.dark10, shadowOpacity: 0.03, shadowRadius: 2, shadowOffset: {height: 2, width: 0}}, }, }; export default Shadows;