LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

CSS
:root { 
    --main-blue: #329be6;
    --white_f: #ffffff;
    --dark-sky-blue: #329be6;
}

.head-container {
    display: flex;
    border-radius: 5px;
    border: solid 1px var(--dark-sky-blue);
    padding: 0;
}

.option-menu-head {
    height: 47px;
    cursor: pointer;
    padding: 0;
}

.option-menu-head.selected {
    background-color: var(--dark-sky-blue);
}

.option-menu-head > label {
    margin: 12px 0 14px 0;
    height: 19px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: var(--main-blue);

    cursor: inherit;
}

.option-menu-head.selected > label{
    color: var(--white_f);
}
JS
$(document).ready(function(){
  $(".option-menu-head").click(function() {
    $(".option-menu-head.selected").removeClass('selected');
    $(this).addClass('selected');
  });
});
Term
Sat, 04/14/2018 - 20:47

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv