Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 934 | Rev 1066 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 934 Rev 940
Línea 16... Línea 16...
16 
  &:hover {
 16 
  &:hover {
17 
    background-color: whitesmoke;
 17 
    background-color: whitesmoke;
18 
  }
 18 
  }
19 
  &:disabled {
 19 
  &:disabled {
20 
    cursor: no-drop;
 20 
    cursor: no-drop;
- 
 
 21 
    background-color: #dddddd;
- 
 
 22 
    color: #a3a1a1;
21 
  }
 23 
  }
22 
`
 24 
`
Línea 23... Línea 25...
23 
 
 25 
 
24 
export const Button = ({
 26 
export const Button = ({
Línea 33... Línea 35...
33 
      {label}
 35 
      {label}
34 
    </StyledButton>
 36 
    </StyledButton>
35 
  )
 37 
  )
36 
}
 38 
}
Línea 37... Línea 39...
37 
 
 39 
 
38 
const BtnPrimary = styled(Button)`
 40 
export const ButtonPrimary = styled(Button)`
39 
  background-color: var(--button-bg);
 41 
  background-color: var(--button-bg);
- 
 
 42 
  color: var(--button-text-color);
40 
  color: var(--button-text-color);
 43 
  border: 1px solid var(--button-bg) !important;
41 
  &:hover {
 44 
  &:hover {
- 
 
 45 
    background-color: var(--button-bg-hover);
42 
    background-color: var(--button-bg-hover);
 46 
    border: 1px solid var(--button-bg-hover) !important;
43 
  }
 47 
  }
Línea 44... Línea -...
44 
`
 - 
 
45 
 
 - 
 
46 
export const ButtonPrimary = ({ label, icon, ...rest }) => {
 - 
 
47 
  return <BtnPrimary label={label} icon={icon} {...rest} />
 - 
 
48 
}
 48 
`
49 
 
 49 
 
50 
const BtnSecondary = styled(Button)`
 50 
export const ButtonSecondary = styled(Button)`
51 
  background: var(--button-bg-secondary);
 51 
  background: var(--button-bg-secondary);
52 
  border: 1px solid var(--border-primary);
 52 
  border: 1px solid var(--border-primary) !important;
53 
  color: var(--button-text-color-secondary);
 53 
  color: var(--button-text-color-secondary);
54 
  &:hover {
 54 
  &:hover {
55 
    background-color: var(--button-bg-secondary-hover);
 55 
    background-color: var(--button-bg-secondary-hover);
56 
    border-color: transparent;
 56 
    border-color: transparent;
Línea 57... Línea -...
57 
  }
 - 
 
58 
`
 - 
 
59 
 
 - 
 
60 
export const ButtonSecondary = ({ label, icon, ...rest }) => {
 - 
 
61 
  return <BtnSecondary label={label} icon={icon} {...rest} />
 57 
  }
62 
}
 58 
`
63 
 
 59 
 
64 
const BtnTertiary = styled(Button)`
 60 
export const ButtonTertiary = styled(Button)`
65 
  background-color: var(--button-bg-tertiary);
 61 
  background-color: var(--button-bg-tertiary);
66 
  border-color: #f4f4f4;
 62 
  border-color: #f4f4f4;
67 
  color: var(--button-text-color-tertiary);
 63 
  color: var(--button-text-color-tertiary);
68 
  border: 1px solid transparent;
 64 
  border: 1px solid transparent !important;
69 
  &:hover {
 65 
  &:hover {
70 
    background: #d4d4d4;
 66 
    background: #d4d4d4;
71 
    border: 1px solid var(--border-primary);
 67 
    border: 1px solid var(--border-primary) !important;
72 
    color: var(--border-primary);
 - 
 
73 
  }
 - 
 
74 
`
 - 
 
75 
 
 -