Wednesday, February 7, 2018

LESS playgrounds

http://lesscssismore.com/57xo3c/ and https://codepen.io/Dev-Dipesh/pen/zvvvLm are examples of play places. The first spot turned this:

#whatever{
   color: red;
   &:hover {
      cursor: pointer;
   }
   &:after {
      content: "?"
   }
}

 
 

...into this:

#whatever {
   color: red;
}
#whatever:hover {
   cursor: pointer;
}
#whatever:after {
   content: "?";
}

 
 

Hey, I forgot a semicolon but it ended up in the CSS. Too cool!

No comments:

Post a Comment