classes Class
Yo框架全局基础方法
Yo内置了包括响应式方案,CSS3兼容性方案,厂商前缀方案,iconfont方案,flex布局等全局方法
Item Index
Methods
- align-items
- align-self
- alignment
- animation
- appearance
- background-size
- box-sizing
- circle
- clearfix
- ellipsis
- flex
- flex-direction
- flex-wrap
- flexbox
- gradient
- justify-content
- killspace
- killspace-item
- link
- order
- overflow
- prefix
- rect
- responsive
- root-scroll
- square
- texthide
- transform
- transform-origin
- transition
- user-select
- valign
- valign-item
- wrap
- yofont
Methods
align-items
-
$align-items
定义伸缩盒子元素的垂直对齐方式
Parameters:
-
$align-items
String默认值:center,取值与最新原生语法一致
align-self
-
$align-self
定义伸缩盒子元素自身的垂直对齐方式
Parameters:
-
$align-self
String默认值:center,取值与最新原生语法一致
alignment
-
$width
-
$height
已经尺寸元素垂直居中解决方案
Parameters:
-
$width
Length居中元素的宽度
-
$height
Length居中元素的高度
animation
-
$animation
定义动画
Parameters:
-
$animation
String取值与原生语法一致
appearance
-
$appearance
定义UA默认外观
Parameters:
-
$appearance
String指定UA外观类型
background-size
-
$background-size
定义背景图像缩放
Parameters:
-
$background-size
String | Length指定背景图缩放值
box-sizing
-
$box-sizing
定义盒模型
Parameters:
-
$box-sizing
String的2个值分别为:content-box(标准盒模型) | border-box(怪异盒模型)
circle
-
$size
-
$radius
生成圆形方法
Parameters:
-
$size
Length定义圆的半径长度
-
$radius
Length定义圆的圆角半径长度
clearfix
()
清除浮动方案
ellipsis
-
$ellipsis
单行文本溢出显示方案
Parameters:
-
$ellipsis
Boolen定义是否需要省略号
flex
-
$flex
定义伸缩盒子元素如何分配空间
Parameters:
-
$flex
String默认值:1,取值与最新原生语法一致
flex-direction
-
$flex-direction
定义伸缩盒子元素的流动方向
Parameters:
-
$flex-direction
String默认值:row,取值与最新原生语法一致
flex-wrap
-
$flex-wrap
定义伸缩盒子元素溢出排版
Parameters:
-
$flex-wrap
String默认值:nowrap,取值与最新原生语法一致
flexbox
-
$flexbox
定义显示类型为伸缩盒
Parameters:
-
$flexbox
String默认值:flex,取值与最新原生语法一致
gradient
-
$type
-
$gradient
定义渐变色值
Parameters:
-
$type
String指定渐变的4种类型:linear, repeating-linear, radial, repeating-radial
-
$gradient
String指定渐变取值,与原生语法一致
justify-content
-
$justify-content
定义伸缩盒子元素的水平对齐方式
Parameters:
-
$justify-content
String默认值:center,取值与最新原生语法一致
killspace
()
清除间隙方案-容器
killspace-item
()
清除间隙方案-子级
link
-
$color
链接处理方法
Parameters:
-
$color
Color定义链接颜色
order
-
$order
定义伸缩盒子元素的排版顺序
Parameters:
-
$order
String默认值:1,取值与最新原生语法一致
overflow
-
$overflow
定义是否有滚动条
Parameters:
-
$overflow
String默认值:auto,取值与最新原生语法一致
prefix
-
$appearance
-
$value
给需要的属性加厂家前缀
Parameters:
-
$appearance
String指定属性
-
$value
String指定属性值
rect
-
$width
-
$height
生成矩形方法
Parameters:
-
$width
Length定义矩形的长度
-
$height
Length定义矩形的高度
responsive
-
$media
定义响应式方案
Parameters:
-
$media
String指定媒体查询条件
root-scroll
-
$root-scroll
定义root root-scroll
Parameters:
-
$root-scroll
String指定scroll类型,取值overflow属性的标准值
square
-
$size
生成正方形方法
Parameters:
-
$size
Length定义正方形的边长
texthide
()
文字隐藏方案
transform
-
$transform
定义简单变换
Parameters:
-
$transform
String取值与原生语法一致
transform-origin
-
$transform-origin
定义变换原点
Parameters:
-
$transform-origin
String取值与原生语法一致
transition
-
$transition
定义补间
Parameters:
-
$transition
String取值与原生语法一致
user-select
-
$user-select
定义是否可以选中元素
Parameters:
-
$user-select
String指定是否可以选中
valign
()
未知尺寸元素垂直居中解决方案-容器
valign-item
()
未知尺寸元素垂直居中解决方案-子级
wrap
()
强制换行方案
yofont
()
定义字体图标