SCSS Mixin: Rounded App Corners (github.com)
over 9 years ago from Max Steenbergen
over 9 years ago from Max Steenbergen
No need for mixin. Just use Compass @include border-radius(4px, 4px); or if you don't care about IE7 just go without prefix.
This is not based on Compass. It does not require Compass, either. Also, border-radius doesn't work on the html and body tags.
Not sure why you would want to add border-radius on the html,body tags but I hear you :)
Then, just wrap everything in a container-class and round the container. Just leave the html, body black.
I don't see the problem this solves. Just use border radius, or clip, or mask even.
Why mixin? - You can just use the extend method if there is no mixin Why ID's? - ID's are unique, so you can just use the id's one time on a page.
My advice: - Change the IDs to classes and don't use a mixin. Then you can use @extend on any object you want and the DOM is not messed up.
And why border-radius-images? <IE8 sucks! :D
I don't use border-radius-images. Where'd you get that idea?
Whoops, I didn't get the idea of this, yesterday! I thought of a scss mixin for border-radius of elements.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now