# Bttn

**Repository Path**: klyint/Bttn

## Basic Information

- **Project Name**: Bttn
- **Description**: 很棒的项目专用的很棒的按钮！
- **Primary Language**: HTML/CSS
- **License**: EPL-1.0
- **Default Branch**: master
- **Homepage**: https://bttn.flokil.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bttn.css

超棒的按钮用于超棒的项目!

[Demo](https://bttn.flokil.com/) | [CDN-js](http://klyi.cn-sh2.ufileos.com/Dw%2Fbttn.css)

#### 按钮样式类

- `bttn-simple`
- `bttn-bordered`
- `bttn-minimal`
- `bttn-stretch`
- `bttn-jelly`
- `bttn-gradient`
- `bttn-fill`
- `bttn-material-circle`
- `bttn-material-flat`
- `bttn-pill`
- `bttn-float`
- `bttn-unite`
- `bttn-slant` _(Beta)_

#### 按钮尺寸

- `bttn-xs`
- `bttn-sm`
- `bttn-md`
- `bttn-lg`

#### 按钮颜色

- `bttn-default`
- `bttn-primary`
- `bttn-warning`
- `bttn-success`
- `bttn-danger`
- `bttn-royal`

#### 按钮助手类

- `bttn-block`
- `bttn-no-outline` （在使用键盘导航/使用鼠标或触摸进行交互时，不显示轮廓）

### 安装

#### CDN - [cdnjs](https://cdnjs.com/libraries/bttn.css)

<pre>
http://klyi.cn-sh2.ufileos.com/Dw%2Fbttn.css
</pre>

#### CSS 文件

<pre>
&lt;link type="text/css" src="./dist/bttn.min.css"/&gt;
</pre>

### 用法

包括 bttn.min.css 在 html 文件的头部，并开始在按钮中使用 bttn CSS 类。

<pre>
&lt;button class="bttn-material-circle bttn-md"&gt;
  &lt;i class="icon-menu"&gt;&lt;/i&gt;
&lt;/button&gt;
</pre>