File: lib/layout/classes.scss
@charset "utf-8";
@import "../core/variables";
@import "../core/classes";
/**
* Yo框架layout
-----------------------
* Yo内置的布局方式
*
* @class layout
* @module Yo
*/
// 定义区块的基础构造
// 使用方法请查看 yo-stacked.scss
@mixin _stacked {
display: block;
margin: map-get($stacked, margin);
@include clearfix;
}
// 定义常见弹性布局
// 使用方法请查看 yo-flex.scss
@mixin _flex {
height: 100%;
&,
> .flex-inherit {
@include flexbox(map-get($flex, box));
@include flex-direction(map-get($flex, direction));
&,
> .flex {
@include flex;
position: relative;
overflow: hidden;
}
}
}