nuijs
Version:
nui框架
99 lines • 2.23 kB
text/less
.ui-button {
display:inline-block;
padding:0 16px;
height: 30px;
overflow:visible;
vertical-align: middle;
box-sizing: border-box;
text-align:center;
font-size: 14px;
background-color: #fff;
white-space:nowrap;
border:1px solid #FD6E0E;
border-radius:2px;
color:#FD6E0E;
cursor:pointer;
opacity:0.9;
filter: opacity(90);
&:hover {
opacity:0.8;
filter: opacity(80);
text-decoration: none;
}
&:active {
opacity:1;
filter: opacity(100);
}
&.ui-button-normal {
.normal(){
border:1px solid #FD6E0E;
background-color:#FD6E0E;
color: #fff;
}
.normal;
&.ui-button-line {
background: none;
color:#FD6E0E;
&:hover {
.normal;
}
}
}
&.ui-button-blue {
.blue(){
border:1px solid #55C1E3;
background-color:#55C1E3;
color: #fff;
}
.blue;
&.ui-button-line {
background: none;
color:#55C1E3;
&:hover {
.blue;
}
}
}
&.ui-button-query {
.query(){
opacity: 1;
filter: opacity(100);
}
padding: 0 12px;
border-color: #ccc;
color: #ccc;
.query;
&:hover {
.query;
}
}
&.ui-button-disabled {
.disabled(){
color: #C5C5C5;
opacity:1;
filter: opacity(100);
}
border-color: #D9D9D9 ;
cursor: default;
background-color: #FBFBFB ;
.disabled;
&:hover {
.disabled;
}
}
&.ui-button-radius {
border-radius:100px;
}
&.ui-button-flat {
border-radius: 0;
}
&.ui-button-fixed {
min-width: 90px;
padding: 0 10px;
}
&.ui-button-full {
padding-left:0;
padding-right: 0;
width: 100%;
}
}