yeheihei / yhh-css

CSS公共基础类和常用组装类

yhh-cs

  CSS公共基础类和常用组装类

npm下载

npm install yhh-css

使用

import 'yhh-css'

公共基础类

类名（class）	说明
yhh-p-l-num	左侧内边距，数值5-30，间隔为5，例yhh-p-l-5
yhh-p-r-num	右侧内边距，数值5-30，间隔为5，例yhh-p-r-5
yhh-p-t-num	上侧内边距，数值5-30，间隔为5，例yhh-p-t-5
yhh-p-b-num	下侧内边距，数值5-30，间隔为5，例yhh-p-b-5
yhh-m-l-num	左侧内边距，数值5-30，间隔为5，例yhh-p-l-5
yhh-m-r-num	右侧内边距，数值5-30，间隔为5，例yhh-p-r-5
yhh-m-t-num	上侧内边距，数值5-30，间隔为5，例yhh-p-t-5
yhh-m-b-num	下侧内边距，数值5-30，间隔为5，例yhh-p-b-5
yhh-w-100	设置元素宽100%
yhh-h-100	设置元素高100%
yhh-p-r	设置元素相对定位
yhh-c-p	设置元素鼠标悬浮样式为 小手
yhh-f-l	设置元素左浮动
yhh-f-r	设置元素右浮动
yhh-t-a-l	设置元素字体左对齐
yhh-t-a-r	设置元素字体右对齐
yhh-t-a-c	设置元素字体居中对齐
yhh-o-a	设置元素垂直方向溢出滚动
yhh-o-h	设置元素所有方向溢出隐藏
yhh-v-a-m	设置图片图标垂直居中
yhh-v-a-b	设置图片图标垂直和字体底部对齐

常用组装类

类名（class）	说明
yhh-flex-icon	利用弹性布局使图标垂直居中
yhh-flex-start	弹性布局，左对齐，顶部对齐，体现出常见的弹性流式布局
yhh-clearfix	清除浮动，为父级元素添加
yhh-elip	文本溢出省略
yhh-show	显示块状元素
yhh-hide	隐藏元素