Button active LESS

by samih

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
<div class="less-test working">
    <button >Test</button>
</div>

CSS

.button {
    &:active: {
        background-color: lightgray;
    }
}

.less-test {
    width: 50px;
    height: 50px;
    &.working {
        background-color: lightblue;
    }
    
    button {
        background-color: lightyellow;
        
        .button;
    }
}

JavaScript

/**
    LESS SHIM
*/
(function(){ $('head style[type="text/css"]').attr('type', 'text/less');less.refreshStyles(); }());