Advertisement
xlrnxnlx

none

Oct 24th, 2014
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.70 KB | None | 0 0
  1. // mixin.less
  2.  
  3. .border-radius(@radius){
  4.     -webkit-border-radius: @radius;
  5.        -moz-border-radius: @radius;
  6.             border-radius: @radius;
  7. }
  8.  
  9. .transition(@duration;@type){
  10.     -webkit-transition: all @duration @type;
  11.        -moz-transition: all @duration @type;
  12.          -o-transition: all @duration @type;
  13.             transition: all @duration @type;
  14. }
  15.  
  16. .box-shadow(@y;@x;@size;@color){
  17.     -webkit-box-shadow: @arguments;
  18.        -moz-box-shadow: @arguments;
  19.             box-shadow: @arguments;
  20. }
  21.  
  22. //style.less
  23. @import "../mixins.less";
  24.  
  25. div {
  26.     .border-radius(3px);
  27.     .box-shadow(0;0;10px; #ccc);
  28.     .transition(500ms, ease-in);
  29.  
  30.     &-inner {
  31.         color: red;
  32.     }
  33. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement