1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- @mixin vertical-align($position: relative) {
- position: $position;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- @mixin flexNowrap() {
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- width: 100%;
- height: $Hh;
- }
- @mixin inlineflex(){
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- }
- @mixin flexcenter(){
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- }
- @mixin upper(){
- text-transform: uppercase;
- }
- @mixin flexcenter_column(){
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- }
|