summaryrefslogtreecommitdiffhomepage
path: root/app/components/styled/AppButtonStyles.js
blob: 6049f227d515bff0d57362d3a6ebf91950c28eda (plain)
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import { colors } from '../../config';

import { createViewStyles, createTextStyles } from '../../lib/styles';

export default {
  ...createViewStyles({
    red: {
      backgroundColor: colors.red95,
    },
    redHover: {
      backgroundColor: colors.red,
    },
    green: {
      backgroundColor: colors.green,
    },
    greenHover: {
      backgroundColor: colors.green90,
    },
    blue: {
      backgroundColor: colors.blue80,
    },
    blueHover: {
      backgroundColor: colors.blue60,
    },
    white80: {
      color: colors.white80,
    },
    white: {
      color: colors.white,
    },
    icon: {
      position: 'absolute',
      alignSelf: 'flex-end',
      right: 8,
      marginLeft: 8,
    },
    iconTransparent: {
      position: 'absolute',
      alignSelf: 'flex-end',
      right: 42,
    },
    common: {
      paddingTop: 9,
      paddingLeft: 9,
      paddingRight: 9,
      paddingBottom: 9,
      marginTop: 8,
      marginBottom: 8,
      marginLeft: 24,
      marginRight: 24,
      borderRadius: 4,
      flex: 1,
      flexDirection: 'column',
      alignContent: 'center',
      justifyContent: 'center',
    },
  }),
  ...createTextStyles({
    label: {
      alignSelf: 'center',
      fontFamily: 'DINPro',
      fontSize: 20,
      fontWeight: '900',
      lineHeight: 26,
      flex: 1,
    },
  }),
};