bitcoin-atm

area.less

(692B)

 // "areas" of the small screen is split by the top 
 // and lower area above buttons in the bottom 
 
 .top-area {
   min-height: @top-area-height;
   height: @top-area-height;
   
   &.no-help-btn {
     height: @top-area-lg-height !important;
   }
 }
 
 .low-area {
   min-height: @low-area-height;
   height: @low-area-height;
   
   &.with-close {
     height: @low-area-height - @close-btn-height;
   }
 }
 
 .tap-area {
   position: absolute;
   top:0;
   left:0;
   height: @screen-height;
   z-index: @tap-area-z-index;
   
   &.with-help {
     height: @screen-height - @help-btn-height !important;
   }
 }
 
 .bar {
   position:absolute;
   left:0;
   height: @bar-height;
   &.top { top:0; }
   &.bottom { bottom:0; }
 }