Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/modules/ui/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// UI - Collapsible
// ==============================================

//
//  Collapsible inline
//  _____________________________________________

@mixin collapsible-inline {
    > [data-role="title"]{
        position: relative;
        cursor: pointer;
        text-decoration: none;
        font-size: 1.4rem;
        line-height: 1.4;

        // Arrow icon
        &::after {
            display: inline-block;
            content: "\e90c";
            @include icon-icomoon;
            margin-left: 10px;
            font-size: 1.2rem;
            color: lighten($c-black, 30%);
            transform: scaleY(1);
            transition: transform .1s;
        }

        // Active
        &[aria-selected="true"] {
            &::after {
                transform: scaleY(-1);
                transition: transform .1s;
            }
        }
    }

    > [data-role="content"]{
        margin-top: 10px;
    }
}

%collapsible-inline {
    @include collapsible-inline;
}

//
//  Collapsible full
//  _____________________________________________

@mixin collapsible-full {
    @include collapsible-inline;

    > [data-role="title"]{
        display: block;
        padding-right: 30px;

        // Arrow icon
        &::after {
            position: absolute;
            top: 50%;
            right: 10px;
            margin-left: 0;
            transform: translateY(-50%) scaleY(1);
            transition: transform .1s;
        }

        // Active
        &[aria-selected="true"] {
            &::after {
                transform: translateY(-50%) scaleY(-1);
                transition: transform .1s;
            }
        }
    }
}

%collapsible-full {
    @include collapsible-full;
}