mirror of
https://github.com/locomotivemtl/locomotive-boilerplate.git
synced 2026-01-15 00:55:08 +08:00
Merge pull request #27 from stephenbe/mixins
Mixins : Vertical-center now a mixin
This commit is contained in:
@@ -29,3 +29,20 @@
|
||||
clear : both;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin vertical-center {
|
||||
font-size: 0;
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
> * {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,24 +2,7 @@
|
||||
// Helpers
|
||||
// ==========================================================================
|
||||
.vertical-center {
|
||||
height: 100%;
|
||||
|
||||
text-align: center;
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
|
||||
height: 100%;
|
||||
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
> * {
|
||||
display: inline-block;
|
||||
|
||||
vertical-align: middle;
|
||||
}
|
||||
@include vertical-center;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
Reference in New Issue
Block a user