Alignment SCSS Mixin

/* [ Alignment ] --------------------------------------------- */ @mixin alignment($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%)); } }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.