ukazka.less

ukazka.less

@green: #33ff33;
@base-font-size: 14px;
@base-line-height: 1.5*@base-font-size;
@large-up: ~"only screen and (min-width: 768px)";

.bordered {
   border: 1px solid black;
}

.box-shadow(@par) {
	-webkit-box-shadow: @par;
    -moz-box-shadow: @par;
    -o-box-shadow: @par;    
    box-shadow: @par;       
} 

.el {
    .bordered;
    .box-shadow(1px 1px rgba(0,0,0,.5));
	background: @green;
    font-size: @base-font-size;     
    line-height: @base-line-height;
    
    h2 {
       font-size: @base-font-size * 2;     
   	   line-height: @base-line-height  * 2;
    } 
    
    @media @large-up {
       color: red;   
    }     
}