Posted By

rdeeb on 11/03/10


Tagged

less


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

dloop
jackomono
secretgspot


Less Snippets


 / Published in: CSS
 

URL: http://www.ramydeeb.com

Sets of snippets to take into consideration when working with .Less

  1. .box_shadow(@horizontal: 1px, @vertical: 1px, @blur: 3px, @color: #000){
  2. -moz-box-shadow: @horizontal @vertical @blur @color;
  3. -webkit-box-shadow: @horizontal @vertical @blur @color;
  4. box-shadow: @horizontal @vertical @blur @color;
  5. }
  6.  
  7. .inner_shadow(@horizontal: 1px, @vertical: 1px, @blur: 3px, @color: #000){
  8. -moz-box-shadow: @horizontal @vertical @blur @color inset;
  9. -webkit-box-shadow: @horizontal @vertical @blur @color inset;
  10. box-shadow: @horizontal @vertical @blur @color inset;
  11. }
  12.  
  13. .rounded_corners(@radius: 5px){
  14. -moz-border-radius: @radius;
  15. -webkit-border-radius: @radius;
  16. border-radius: @radius;
  17. }
  18.  
  19.  
  20. .rounded_top_corners(@radius: 5px){
  21. -moz-border-radius: 0px 0px @radius @radius;
  22. -webkit-border-radius: 0px 0px @radius @radius;
  23. border-radius: 0px 0px @radius @radius;
  24. }
  25.  
  26. .rounded_bottom_corners(@radius: 5px){
  27. -moz-border-radius: @radius @radius 0px 0px;
  28. -webkit-border-radius: @radius @radius 0px 0px;
  29. border-radius: @radius @radius 0px 0px;
  30. }

Report this snippet  

You need to login to post a comment.