Neighborhoods Details Page - Demographic

 avatar
Bnnthpnzln
css
17 days ago
2.1 kB
2
Indexable
Never
Melissa Temple
/*color theming*/
div.tab .overview-item__name{
     text-transform: capitalize!important;
}
.symbol__label{
        text-transform: capitalize;
}
p.label{
    text-transform: capitalize;
}
.population-education__symbol:last-child{
    padding-bottom: 24px!important;
}
div.nav-tab{
    .nav-tab__tab.active{
        background-color: #fff;
        border-color: #fff;
        color: #000;
    }
    .nav-tab__tab{
        text-transform: capitalize!important;
        border-color: #fff;
        background-color: transparent; 
        color: #fff;
        &:hover{
        background-color: #fff;
        border-color: #fff;
        color: #000;
            }
        }
}

p.overview-item__name--hint{
    span.hint{
        background-color: #fff;
        color: #000;
        &:after {
            background-color: #fff!important;
        }
    }
}

/*end*/
/*START Title Width- */
h2.title.lp-h2 {
    max-width: 100%;
    text-transform: capitalize;
}

div.title {
max-width: 100%;
}
/*END Title Width- */

/*line theming*/
.tab-section{
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;

}
div.tab .overview-item{
    border-right: 1px solid #fff;
    @media only screen and (max-width: 1024px){
        padding-left: 30px;
        width: 20%;
    }
    @media only screen and (max-width: 820px){
        padding-left: 25px;
        width: 20%;

    }
    @media only screen and (max-width: 768px){
           border-right: 1px solid #fff;
           padding-left: 20px;
    }
    @media only screen and (max-width: 767px){
           border-right: transparent;
           padding-left: 20px;
    }
}
.tab .overview-item:last-child{
    border-right: none;
}
.population-education__symbol{
    border-bottom: 1px solid #fff!important;
}
div.population-age__bar {
    background-color: #fff;
}

span.weight-bold{
    text-transform: capitalize;
}
h6:not(p){
    text-transform: capitalize;
}

/*end*/

@media(max-width: 768px){
    div.description p{
        padding-bottom: 0;
    }
}
Leave a Comment