git

My personal website source code
Log | Files | Refs | Submodules | README | LICENSE

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 }