Less.org

0

Category : ,

Introduced to http://lesscss.org/ by
http://net.tutsplus.com/tutorials/html-css-techniques/build-a-twitter-clone-from-scratch-the-design/

Link to less js file and my local style file.
    
    
    

Build up nesting of styles using Less.
header {
 background: url(gfx/bg-header.png);
 height: 85px;
 width: 100%;
 div.wrapper {
  padding: 11px 0;
  img {
   position: relative;
   top: 10px;
   margin: 0 15px 0 0;
  }
  span {
   font-size: 18px;
   margin: 0 42px 0 0;
  }
  form {
   display: inline;
   input {
    margin: 0 0 0 14px;
   }
  }
  #btnLogOut {
   float: right;
   margin: 14px 0 0 0;
  }
 }
}

Online compiler http://winless.org/online-less-compiler to generate css from less file.