123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165 |
- .btn{
- font-weight: 500;
- border-radius: @btn-border-radius;
- outline: 0!important;
- }
- .btn-link{
- color: @text-color;
- &.active{
- webkit-box-shadow:none;
- box-shadow:none;
- }
- }
- .btn-default{
- .button-variant(@text-color, @btn-default-bg, @btn-default-border);
- background-color: #fff;
- border-bottom-color: darken(@btn-default-border, 2%);
- .box-shadow(0 1px 1px rgba(90,90,90,0.1));
- &.btn-bg{
- border-color:rgba(0,0,0,0.1);
- background-clip: padding-box;
- }
- }
- .btn-primary{
- .button-variant(#fff, @brand-primary, @brand-primary);
- }
- .btn-success{
- .button-variant(#fff, @brand-success, @brand-success);
- }
- .btn-info{
- .button-variant(#fff, @brand-info, @brand-info);
- }
- .btn-warning{
- .button-variant(#fff, @brand-warning, @brand-warning);
- }
- .btn-danger{
- .button-variant(#fff, @brand-danger, @brand-danger);
- }
- .btn-dark{
- .button-variant(#fff, @brand-dark, @brand-dark);
- }
- .btn-black{
- .button-variant(#fff, @brand-black, @brand-black);
- }
- .btn-icon{
- padding: 0 !important;
- text-align: center;
- width:34px;
- height: 34px;
- i{
- top: -1px;
- position: relative;
- line-height: 34px;
- }
- &.btn-sm{
- width: 30px;
- height: 30px;
- i{
- line-height: 30px;
- }
- }
- &.btn-lg{
- width: 45px;
- height: 45px;
- i{
- line-height: 45px;
- }
- }
- }
- .btn-rounded{
- border-radius: 50px;
- padding-left: 15px;
- padding-right: 15px;
- &.btn-lg{
- padding-left: 25px;
- padding-right: 25px;
- }
- }
- .btn{
- > i{
- &.pull-left,
- &.pull-right{
- line-height: @line-height-base;
- }
- }
- }
- .btn-block {
- padding-left: 12px;
- padding-right: 12px;
- }
- .btn-group-vertical > .btn:first-child:not(:last-child){
- border-top-right-radius: @border-radius-base;
- }
- .btn-group-vertical > .btn:last-child:not(:first-child){
- border-bottom-left-radius: @border-radius-base;
- }
- .btn-addon {
- i{
- margin: -7px -12px;
- margin-right: 12px;
- background-color: rgba(0, 0, 0, 0.1);
- width: 34px;
- height: 34px;
- line-height: 34px;
- text-align: center;
- float: left;
- position: relative;
- border-radius: @btn-border-radius 0 0 @btn-border-radius;
- &.pull-right{
- margin-right: -12px;
- margin-left: 12px;
- border-radius: 0 @btn-border-radius @btn-border-radius 0;
- }
- }
- &.btn-sm{
- i{
- margin: -6px -10px;
- margin-right: 10px;
- width: 30px;
- height: 30px;
- line-height: 30px;
- &.pull-right{
- margin-right: -10px;
- margin-left: 10px;
- }
- }
- }
- &.btn-lg{
- i{
- margin: -11px -16px;
- margin-right: 16px;
- width: 45px;
- height: 45px;
- line-height: 45px;
- &.pull-right{
- margin-right: -16px;
- margin-left: 16px;
- }
- }
- }
- &.btn-default{
- i{
- background-color: transparent;
- border-right: 1px solid @border-color;
- }
- }
- }
- .btn-groups .btn{
- margin-bottom: 5px;
- }
|