Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Border Radius
- .border-radius(@radius: 5px) {
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
- border-radius: @radius;
- }
- .classname {
- .border-radius(5px);
- }
- .pf('transition','all 1s ease-in-out');
- .pf('border-radius',3px);
- .pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)');
- .pf('flex', 1);
- @mixin border-radius($value) {
- @include render-vendor-prefixes(
- $property: border-radius,
- $value: $value,
- $vendor-list: (
- -webkit, // Android 2.1, Chrome 5.0/4.0, iOS 3.2-, Safari 5.0/3.1,
- -moz, // Firefox 4.0/3.0
- ),
- $prefix: property,
- );
- }
- @import '_scss/modules/vendor-prefixes/lib/map-vendor-prefixes.scss';
- @import '_scss/modules/vendor-prefixes/lib/render-vendor-prefixes.scss';
- @import '_scss/modules/vendor-prefixes/calc.scss';
- .something {
- @include border-radius(10% 30% 50% 70%);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement