_float.scss 552 B

123456789101112131415161718192021222324252627
  1. .float-container {
  2. bottom: 2rem;
  3. right: 2rem;
  4. z-index: 100;
  5. position: fixed;
  6. font-size: 1.6em;
  7. a {
  8. display: block;
  9. text-align: center;
  10. width: 3.0rem;
  11. height: 3.0rem;
  12. color: $alt-fg-color;
  13. background-color: $alt-bg-color;
  14. font-size: 2.0rem;
  15. border-radius: 0.5rem;
  16. opacity: 50%;
  17. transition: all .25s ease-in;
  18. &:hover, &:focus {
  19. color: $link-color;
  20. opacity: 100%;
  21. @media only screen and (max-width : 768px) {
  22. color: $alt-fg-color;
  23. opacity: 50%;
  24. }
  25. }
  26. }
  27. }