bitcoin-atm

bitcoin atm for pyc inc.

git clone https://9o.is/git/bitcoin-atm.git

button.less

(1287B)


      1 // Different button formats. Solo button is a typical button in the middle.
      2 // Help and close button take the entire width of screen.
      3 
      4 .solo-btn {
      5   width: 500px !important;
      6   border-radius: 35px;
      7   font-size: @font-size-h3;
      8   font-weight: 600;
      9   margin-top: 40px;
     10   padding-top: 25px;
     11   padding-bottom: 25px;
     12   
     13   &.small {
     14     width: 430px !important;
     15     border-radius: 30px;
     16     font-size: @font-size-h4;
     17     margin-top: 60px;
     18     padding-top: 15px;
     19   	padding-bottom: 15px;
     20   }
     21   
     22   &.gray {
     23     color: @gray-light;
     24     text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
     25   }
     26 }
     27 
     28 .btn-help {
     29   position:absolute;
     30   left:0;
     31   bottom: 0;
     32   height: @help-btn-height;
     33   background-color: @brand-primary;
     34   color: #FFF;
     35   
     36   h2 {
     37 	margin: 20px auto;
     38 	text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
     39 	opacity: 0.4;
     40   }
     41   
     42   &:active h2 {
     43     opacity: 0.1;
     44   }
     45   
     46   &.with-close {
     47     bottom: @close-btn-height;
     48   }
     49 }
     50 
     51 .btn-close {
     52   position:absolute;
     53   left:0;
     54   bottom:0;
     55   height: @close-btn-height;
     56   background-color: @gray-lighter;
     57   color: @gray-light;
     58   
     59   h5 {
     60 	margin: 18px auto;
     61 	text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
     62 	opacity: 0.4;
     63   }
     64   
     65   &:active h5 {
     66     opacity: 0.7;
     67   }
     68 }