scss SASS：垂直对齐

Posted 2021-05-18

/*
 =====================================================================
  $ Vertical Alignment
 =====================================================================
 *
 * see @ http://zerosixthree.se/?p=196
 *
 * Usage
 *
 *.element p {
 *  @include vertical-align();
 * } 
 */

@mixin vertical-align($position: relative) {
	position: $position;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}