io.parrots/styles/app/component/page/main/services/applicationaccess/AccessUser.less

Parrots.io App

.parrots-page-access-user { 
    height: 100%;
    width: 100%; 
    .wrapper-access-user-list {
        display: flex;
        width: 100%;
        height: 9%;
        background-color: extract(@CLR_1, 9);  
        font-weight: unset;
        align-items: center;
        margin-bottom: unset;
        cursor: pointer;
        border-bottom: 1px solid extract(@CLR_1, 7); 
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; 
        >.wrapper-space-first {
            display: flex; 
            width: 8%; 
        }
        >.wrapper-space {
            display: flex; 
            width: 2%; 
        }
        
        >.label-description-access-user {
            color: extract(@CLR_1, 3);
            position: absolute;
            right: 0;
            width: 55%;
        }
    } 
    .wrapper-access-user-list input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    } 
    .checkmark {
        position: absolute;
        left: 17px;
        height: 18px;
        width: 18px;
        background-color: #eee;
    } 
    .wrapper-access-user-list:hover input~.checkmark {
        background-color: #ccc;
    } 
    .wrapper-access-user-list input:checked~.checkmark {
        background-color: @CLR_BRAND;
    } 
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    } 
    .wrapper-access-user-list input:checked~.checkmark:after {
        display: block;
    } 
    .wrapper-access-user-list .checkmark:after {
        left: 5.5px;
        top: 1px;
        width: 6px;
        height: 13px;
        border: solid extract(@CLR_1, 9); 
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    } 
}