advanced code snippet search

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

Expand | Embed | Plain Text 
  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.