m_btn.less 1.44 KB
/***************************************************
* feature  :  按钮,默认提供3种样式;
* update   :  2015/02/03;
* use      :  .m-btn;
* extend   :  .btn-*;
* example  :  ;
* desc     :  ;
* feedback :  此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
*          -  demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
****************************************************/
@import "var";

.m-btn{
	display: inline-block;
	padding: 0 15px;
	// margin: 10px 0;
	line-height: 45px;
	font-size: 18px;
	color: #666;
	text-align: center;
	border: none;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #ddd;
	&.btn-success{
		color: #FFF;
		background-color: #23ac38;
		border: none;
		&.reverse{
			background-color: #FFF;
			color: #23ac38;
			line-height: 43px;
			border: 1px solid #23ac38;
		}
	}

	&.btn-warning{
		color: #FFF;
		background-color: #ff9d2c;
		border: none;
	}

	&.btn-danger{
		color: #FFF;
		background-color: #fa4535;
		border: none;
	}

	&.btn-text{
		background: none;
		border: 1px solid #23ac38;
		color: #23ac38;
		width: 65px;
		font-size: 12px;
		text-align: center;
		line-height: 23px;
		padding: 0;
		float: right;
		border-radius: 2px;
		margin-top: -2px;
	}
	&.disabled{
		background-color: #ddd;
		border-color: #ddd;
	}
}