out/artifacts/book/assets/css/less/buttons.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/** buttons */
.btn {
 display: inline-block;

 color: #FFF !important;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;

 background-image:none !important;
 border: 5px solid #FFF;
 border-radius: 0;
 box-shadow: none !important;

 .transition(~"all ease .15s");

 cursor: pointer;

 vertical-align: middle;
 margin: 0;

 position: relative;
}

.btn-lg {
	border-width: 5px;
	line-height: 1.35;
    padding: 7px 16px;
}
.btn-sm {
	border-width: 4px;
	font-size: @font-size-btn-sm;
	padding: 4px 9px;
	line-height: 1.39;
}
.btn-xs {
	border-width: 3px;
}
.btn-minier {
	padding: 0 4px;
	line-height: 18px;
	border-width: 2px;
	font-size: @font-size-btn-minier;
}

button.btn:active {
	top: 1px;
	//left: 1px;
	//using both left & top, will cause chrome not to catch click events at seldom times
}



.enable_default_buttons() when(@enable-default-buttons = true) {

//button color
.btn-color(@color1, @color2) {
  & , &:focus {
	background-color:@color1 !important;
	border-color:@color1;
  }