//////////////////////////////// // CORE / MIXINS / BORDER-RADIUS //////////////////////////////// // Circle @mixin circle($imp:null) { border-radius: $circle $imp; } // Rounded, all sides @mixin rounded($imp:null) { border-radius: $roundrect $imp; } // Rounded top (top right, top left) @mixin rounded-top($imp:null) { border-top-left-radius: $roundrect $imp; border-top-right-radius: $roundrect $imp; } // Rounded right (top right, bottom right) @mixin rounded-right($imp:null) { border-bottom-right-radius: $roundrect $imp; border-top-right-radius: $roundrect $imp; } // Rounded bottom (bottom right, bottom left) @mixin rounded-bottom($imp:null) { border-bottom-left-radius: $roundrect $imp; border-bottom-right-radius: $roundrect $imp; } // Rounded left (bottom Left, top left) @mixin rounded-left($imp:null) { border-bottom-left-radius: $roundrect $imp; border-top-left-radius: $roundrect $imp; } // Sharp, all sides @mixin sharp($imp:null) { border-radius: 0 $imp; } // Sharp right (top right, bottom right) @mixin sharp-right { border-bottom-right-radius: 0; border-top-right-radius: 0; } // Sharp left (bottom left, top left) @mixin sharp-left { border-bottom-left-radius: 0; border-top-left-radius: 0; }