site

personal website, served at mordaunt.dev/site
Log | Files | Refs

_float.scss (671B)

      1 .float-container {
      2   bottom: 2rem;
      3   right: 2rem;
      4   z-index: 100;
      5   position: fixed;
      6   font-size: 1.6em;
      7 
      8   a {
      9     position: relative;
     10     display: inline-block;
     11     width: 3rem;
     12     height: 3rem;
     13     font-size: 2rem;
     14     color: $alt-fg-color;
     15     background-color: $alt-bg-color;
     16     border-radius: 0.2rem;
     17     opacity: 0.5;
     18     transition: all 0.25s ease-in;
     19 
     20     &:hover,
     21     &:focus {
     22       color: $link-color;
     23       opacity: 1;
     24 
     25       @media only screen and (max-width: 768px) {
     26         color: $alt-fg-color;
     27         opacity: 0.5;
     28       }
     29     }
     30 
     31     i {
     32       position: absolute;
     33       top: 50%;
     34       left: 50%;
     35       transform: translate(-50%, -50%);
     36     }
     37   }
     38 }