alignment.scss (925B)
1 @import 'sizes'; 2 @import 'text-align'; 3 4 @include build-mixin-sizes('left') { 5 justify-content: left; 6 align-items: left; 7 } 8 9 @include build-mixin-sizes('center') { 10 justify-content: center; 11 align-items: center; 12 } 13 14 @include build-mixin-sizes('right') { 15 justify-content: right; 16 align-items: right; 17 } 18 19 @include build-mixin-sizes('start') { 20 justify-content: flex-start; 21 text-align: start; 22 } 23 24 @include build-mixin-sizes('end') { 25 justify-content: flex-end; 26 text-align: end; 27 } 28 29 @include build-mixin-sizes('top') { 30 align-items: flex-start; 31 } 32 33 @include build-mixin-sizes('middle') { 34 align-items: center; 35 } 36 37 @include build-mixin-sizes('bottom') { 38 align-items: flex-end; 39 } 40 41 @include build-mixin-sizes('around') { 42 justify-content: space-around; 43 } 44 45 @include build-mixin-sizes('between') { 46 justify-content: space-between; 47 } 48 49 @include build-mixin-sizes('first') { 50 order: -1; 51 } 52 53 @include build-mixin-sizes('last') { 54 order: 1; 55 }