Facebook
From Santa, 2 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 47
  1. .button-row {
  2.     position: absolute; // this can overflow
  3.     left: 15px;
  4.     width: 500px;
  5.     margin: 0;
  6.     padding: 0;
  7.     z-index: 10;
  8.     display: flex;
  9.     align-items: center;
  10.     justify-content: left;
  11.     &.at-top {
  12.         top: -60px;
  13.     }
  14.  
  15.     &.at-bottom {
  16.         bottom: -60px;
  17.     }
  18.  
  19.     button {
  20.         margin-right: 10px;
  21.         width: 50px;
  22.         height: 50px;
  23.         mat-icon {
  24.             font-size: 32px;
  25.             width: 32px;
  26.             height: 32px;
  27.         }
  28.        
  29.         /*
  30.         @media only screen and (max-height: 930px) {
  31.             bottom: 7.5px;
  32.         }
  33.         @media only screen and (max-height: 900px) {
  34.             bottom: 10px;
  35.         }
  36.         @media only screen and (max-height: 850px) {
  37.             bottom: 12.5px;
  38.         }
  39.         @media only screen and (max-height: 800px) {
  40.             bottom: 17.55px;
  41.         }
  42.         @media only screen and (max-height: 750px) {
  43.             bottom: 22.5px;
  44.         }
  45.         @media only screen and (max-height: 720px) {
  46.             bottom: 30px;
  47.         }
  48.         @media only screen and (max-height: 670px) {
  49.             bottom: 35px;
  50.         }
  51.         @media only screen and (max-height: 650px) {
  52.             bottom: 40px;
  53.         }
  54.         @media only screen and (max-height: 600px) {
  55.             bottom: 45px;
  56.         }
  57.         @media only screen and (max-height: 590px) {
  58.             bottom: 50px;
  59.         }
  60.         @media only screen and (max-height: 580px) {
  61.             bottom: 60px;
  62.         }
  63.         @media only screen and (max-height: 500px) {
  64.             bottom: 70px;
  65.         }
  66.         @media only screen and (max-height: 480px) {
  67.             bottom: 80px;
  68.         }
  69.         */
  70.     }
  71. }