1.0.0 • Published 8 years ago

lucky-basic-css v1.0.0

Weekly downloads
4
License
ISC
Repository
github
Last release
8 years ago

lucky-basic-css

make you easier to start you project style

##Introduction

lucky-basic encapsulation Frequently used styles

##Use

<link href="lib/lucky-basic.css" rel="stylesheet" /> write this in you html 'head'

lucky-basic-css

lucky-basic-css 封装了一些常用的样式,让你能更加方便的使用原子样式

##使用

基础原子样式库,你可以通过直接在 view 上加上原来类,控制原子样式

在你的 html 文件 head 标签里引入 lucky-basic.css 文件 <link href="lib/lucky-basic.css" rel="stylesheet" />

  1. 控制元素的 display,如使用 .block 为某元素加上 {display:block} 的样式
  2. 控制元素的 margin 属性,如使用 .ml-5 为某元素加上 {margin-left:5px} 的样式
  3. 控制元素的 padding 属性,如使用 .pl-5 为某元素加上 {padding-left:5px} 的样式
  4. 控制元素的 min-width 属性,如使用 .mw-100 为某元素加上 {min-width:100px} 的样式
  5. 控制元素的 min-height 属性,如使用 .mh-100 为某元素加上 {min-height:100px} 的样式
  6. 控制元素的 cursor 属性,如使用 .cursor-pointer 为某元素加上 {cursor:pointer} 的样式