Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6414 | Rev 6440 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6390 stevensc 1 
@import '../../../css/shared/variables.scss';
2 
 
3 
.survey_form {
4 
    display: flex;
5 
    flex-direction: column;
6 
    padding: 1rem;
6400 stevensc 7 
    margin: 0 1rem;
6390 stevensc 8 
    border: 1px solid $border-primary;
9 
    border-radius: $border-radius;
10 
 
11 
    h3 {
6411 stevensc 12 
        color: $title-color;
6390 stevensc 13 
        font-size: 1.1rem;
14 
        font-weight: 600;
15 
    }
6411 stevensc 16 
 
17 
    span {
18 
        align-items: center;
19 
        color: $subtitle-color;
20 
        display: flex;
21 
        font-size: .9rem;
6412 stevensc 22 
        padding: 0 !important;
6413 stevensc 23 
        margin-bottom: .5rem;
6411 stevensc 24 
 
25 
        svg {
26 
            font-size: 1rem;
27 
        }
28 
    }
6390 stevensc 29 
}
30 
 
31 
.survey_input {
32 
    display: flex;
33 
    align-items: center;
34 
    gap: 0.5rem;
35 
    padding: 0.5rem 1rem;
6411 stevensc 36 
    margin-bottom: .5rem;
6390 stevensc 37 
    border: 2px solid $border-primary;
38 
    border-radius: 50px;
6401 stevensc 39 
    cursor: pointer;
40 
    transition: all 200ms ease;
6439 stevensc 41 
    position: relative;
6390 stevensc 42 
 
43 
    input {
44 
        margin: 0 !important;
45 
    }
46 
 
47 
    label {
48 
        color: $font-color;
49 
        font-weight: 500;
50 
    }
6401 stevensc 51 
 
6439 stevensc 52 
    &::before {
53 
        content: ' ';
54 
        position: absolute;
55 
        left: 0;
56 
        top: 0;
57 
        height: 100%;
58 
        width: attr(data-width);
59 
        background-color: #0006;
60 
        z-index: 4;
61 
    }
62 
 
6414 stevensc 63 
    &:hover {
64 
        border-color: $font-color;
65 
        text-shadow: 0 0 1px $font-color;
66 
    }
6404 stevensc 67 
}
6401 stevensc 68 
 
6404 stevensc 69 
.disabled {
70 
    background: #9992;
6409 stevensc 71 
    cursor: auto;
6401 stevensc 72 
 
6404 stevensc 73 
    label {
74 
        color: gray
6401 stevensc 75 
    }
6409 stevensc 76 
 
77 
    &:hover {
78 
        border-color: $border-primary;
79 
        text-shadow: none;
80 
    }
6390 stevensc 81 
}