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/tools/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// STYLEGUIDE
// ==============================================



//
//  Styleguide icon grid
//  _____________________________________________

.icons-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    > li {
        padding: 10px 5px;
        width: 50%;
        display: flex;
        align-items: center;

        @include breakpoint(md) {
            padding: 15px 10px;
            width: 25%;
        }

        @include breakpoint(lg) {
            width: 20%;
        }

        &:hover {
            color: $c-blue;
            transition: color .3s linear;
        }

        span {
            display: inline-block;
            vertical-align: middle;

            // Icon
            &[class^="icon"] {
                font-size: 2.2rem;
                width: 40px;
                text-align: center;

                @include breakpoint(md) {
                    font-size: 2.8rem;
                }
            }

            // Css class
            + span {

                margin-left: 10px;

            }
        }
    }
}