Accent and Arrow Color Theming

Properties Grid Design Template: Coldwell Banker Brand
 avatar
Jfelizardo
plain_text
14 days ago
911 B
2
Indexable
Never
CSS Color Theming
/*START Accent and Arrow Color Theming*/
div.properties-grid-list{
    .feature-low {
        background-color: #012169;
        color: #fff;
    }
    a:hover {
        box-shadow: 0 2px 0 0 #012169;
    }
}
/*Arrow*/
div.properties-grid-list {
    .properties-grid__btn {
        border: solid 1px #012169;
        &:before {
            top: 22px;
            left: 17px;
            width: 10px;
            height: 1px;
            background-color: #012169;
        }
        &:after {
            border-color: transparent transparent transparent #012169;
        }
        &:hover {
            border-color: #012169;
            background-color: #012169;
            &:before {
                background-color: #fff;
            }
            &:after {
                border-color: transparent transparent transparent #fff;
            }
        }
    }
}
/*END*/
Leave a Comment