12345678910111213141516171819202122232425262728293031323334 |
- // center vertically and/or horizontally an absolute positioned element
- @mixin center($xy:xy) {
- @if $xy == xy {
- left: 50%;
- top: 50%;
- bottom: auto;
- right: auto;
- @include transform(translateX(-50%) translateY(-50%));
- }
- @else if $xy == x {
- left: 50%;
- right: auto;
- @include transform(translateX(-50%));
- }
- @else if $xy == y {
- top: 50%;
- bottom: auto;
- @include transform(translateY(-50%));
- }
- }
- // border radius
- @mixin border-radius($radius:.25em) {
- border-radius: $radius;
- }
- // antialiasing mode font rendering
- @mixin font-smoothing {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
|