Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3596 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3596 Rev 3719
Línea 1... Línea 1...
1 
import { css } from '@emotion/react';
 1 
import { css } from '@emotion/react';
2 
 
 2 
 
3 
import colors from '@styles/config/colors';
 3 
import colors from '@styles/config/colors';
4 
 
 4 
 
5 
export const inputStyles = css`
 5 
export const inputStyles = css`
6 
  display: flex;
 6 
  display: flex;
7 
  align-items: center;
 7 
  align-items: center;
8 
  border-radius: 10px;
 8 
  border-radius: 10px;
9 
  position: relative;
 9 
  position: relative;
10 
  background-color: ${colors.dark};
 10 
  background-color: ${colors.dark};
11 
  border: 1px solid ${colors.border.primary};
 11 
  border: 1px solid ${colors.border.primary};
12 
  padding: 5px 10px;
 12 
  padding: 5px 10px;
13 
  gap: 0.5rem;
 13 
  gap: 0.5rem;
14 
  svg: {
 14 
  svg: {
15 
    fontsize: 1.3rem;
 15 
    fontsize: 1.3rem;
16 
  }
 16 
  }
17 
  input {
 17 
  input {
18 
    padding-top: 0;
 18 
    padding-top: 0;
19 
    padding-bottom: 0;
 19 
    padding-bottom: 0;
20 
    border: none;
 20 
    border: none;
21 
    outline: none;
 21 
    outline: none;
22 
    background: none;
 22 
    background: none;
23 
    width: 100%;
 23 
    width: 100%;
24 
    font-size: 1rem;
 24 
    font-size: 1rem;
25 
    color: ${colors.font.primary};
 25 
    color: ${colors.font.primary};
26 
    font-weight: 500;
 26 
    font-weight: 500;
27 
    &::placeholder {
 27 
    &::placeholder {
28 
      color: ${colors.font.subtitle};
 28 
      color: ${colors.font.subtitle};
29 
    }
 29 
    }
30 
    &::file-selector-button {
 30 
    &::file-selector-button {
31 
      line-height: 1;
 31 
      line-height: 1;
32 
    }
 32 
    }
33 
  }
 33 
  }
34 
`;
 34 
`;