storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/less/inc/buttons.less (about) 1 .btn { 2 border: 0; 3 padding: 5px 10px; 4 font-size: 12px; 5 line-height: 1.5; 6 border-radius: 2px; 7 text-align: center; 8 .transition(all); 9 .transition-duration(300ms); 10 11 &:hover, 12 &:focus { 13 .opacity(0.9); 14 } 15 } 16 17 /*----------------------------------- 18 Button Variants 19 ------------------------------------*/ 20 .btn-variant(@bg-color, @color) { 21 color: @color; 22 background-color: @bg-color; 23 24 &:hover, 25 &:focus { 26 color: @color; 27 background-color: darken(@bg-color, 6%); 28 } 29 30 31 } 32 33 .btn-block { 34 display: block; 35 width: 100%; 36 } 37 38 .btn-white { 39 .btn-variant(#fff, darken(@text-color, 20%)); 40 } 41 42 .btn-link { 43 .btn-variant(#eee, #545454); 44 } 45 46 .btn-danger { 47 .btn-variant(@red, @white); 48 } 49 50 .btn-primary { 51 .btn-variant(@blue, @white); 52 } 53 54 .btn-success { 55 .btn-variant(@green, @white); 56 } 57 //-----------------------------------