codecheck

1
// core
2
.p-inplace .p-inplace-display {
3
    display: inline;
4
    cursor: pointer;
5
}
6

7
.p-inplace .p-inplace-content {
8
    display: inline;
9
}
10

11
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
12
    display: flex;
13
}
14

15
.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
16
    flex: 1 1 auto;
17
    width: 1%;
18
}
19

20
// theme
21
.p-inplace {
22
    .p-inplace-display {
23
        padding: $inplacePadding;
24
        border-radius: $borderRadius;
25
        transition: $formElementTransition;
26
        outline-color: transparent;
27

28
        &:not(.p-disabled):hover {
29
            background: $inplaceHoverBg;
30
            color: $inplaceTextHoverColor;
31
        }
32

33
        &:focus {
34
            @include focused();
35
        }
36
    }
37
}
38

39