Advertisement
Guest User

Untitled

a guest
Jun 17th, 2019
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.89 KB | None | 0 0
  1. // Border Radius
  2. .border-radius(@radius: 5px) {
  3. -webkit-border-radius: @radius;
  4. -moz-border-radius: @radius;
  5. border-radius: @radius;
  6. }
  7.  
  8. .classname {
  9. .border-radius(5px);
  10. }
  11.  
  12. .pf('transition','all 1s ease-in-out');
  13. .pf('border-radius',3px);
  14. .pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)');
  15. .pf('flex', 1);
  16.  
  17. @mixin border-radius($value) {
  18. @include render-vendor-prefixes(
  19. $property: border-radius,
  20. $value: $value,
  21. $vendor-list: (
  22. -webkit, // Android 2.1, Chrome 5.0/4.0, iOS 3.2-, Safari 5.0/3.1,
  23. -moz, // Firefox 4.0/3.0
  24. ),
  25. $prefix: property,
  26. );
  27. }
  28.  
  29. @import '_scss/modules/vendor-prefixes/lib/map-vendor-prefixes.scss';
  30. @import '_scss/modules/vendor-prefixes/lib/render-vendor-prefixes.scss';
  31.  
  32. @import '_scss/modules/vendor-prefixes/calc.scss';
  33.  
  34.  
  35. .something {
  36. @include border-radius(10% 30% 50% 70%);
  37. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement