Mortage Calculator

mail@pastecode.io avatar
unknown
plain_text
23 days ago
3.7 kB
2
Indexable
Never
div.mg-calc__row{
    .mg-calc__col{
        /*drop down arrow*/
        .calc__group .lp-input{
            &:hover{
            color: #fff!important;
            }
        }
        /*end*/
        
        /*reset link*/
        .calc__footer .lp-link {
                font-weight: 700;
                text-transform: uppercase;
                position: relative!important;
                color:#fff!important;
                transition: 0.4s;
                &:hover{
                    color:#fff!important;
                }
                &:before, &:after{
                    transition: 0.4s;
                    text-decoration: none!important;
                    line-height: 1;
                    content: "";
                    height: 1px;
                    position: absolute!important;
                    bottom: 0;
                    left: 0;
                }
                &:before {
                    width: 100%!important;
                    background-color: #ccc!important;
                    opacity: 0.4;
                }
                &:after{
                    width: 0%!important;
                    background-color: #fff!important; 
                }
                &:hover:after{
                    width: 100%!important;
                }
        }
        /*end*/

        /*lines*/
        .lp-input--light{
                color: #fff;
                border-color: #fff;
                &:after{
                    border-color: #fff;
                }
                &:hover{
                    color: #fff;
                    &:after{
                        border-color: #fff;
                    }
                }
                &:focus{
                    border-color: #fff;
               }
        }
        /*end*/
        
       /*drop down*/ 
    .custom-select-menu{
            .custom-select-item.is-selected{
                background-color: #fff;
                color: #000;
            }
            .custom-select-item:hover{
                background-color: #7C7A61;
                color: #fff;
            }
    }
       /*end*/
        
        /*title and description alignment*/
    @media only screen and (max-width:768px){
            .mg-calc__description {
            text-align: center;
            }
            .mg-calc__title {
            text-align: center;
            }
        }
        /*end*/
    }
    
    /*card link*/
    li.legend__item a{
          font-weight: 700;
          text-transform: capitalize;
            position: relative!important;
            color: #000!important;
            transition: 0.4s;
            opacity: 1!important;
            &:hover{
                color: #000!important;
            }
            &:before, &:after{
                transition: 0.4s;
                text-decoration: none!important;
                line-height: 1;
                content: "";
                height: 1px;
                position: absolute!important;
                bottom: 0;
                left: 0;
            }
            &:before {
                width: 100%!important;
                background-color: #999!important;
                opacity: 0.4;
            }
            &:after{
                width: 0%!important;
                background-color: #7C7A61!important; 
            }
            &:hover:after{
                width: 100%!important;
            }
        }
        /*end*/
        
    /*Arrow theme on mobile*/
    .results__expand {
        background-color: #7C7A61;
        svg{
            stroke: #fff;
        }
    }
    /*end*/
}
Leave a Comment