1
0

_float.scss 518 B

12345678910111213141516171819202122232425
  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. color: $alt-fg-color;
  10. background-color: $alt-bg-color;
  11. font-size: 2.0rem;
  12. padding: 0.5rem;
  13. border-radius: 0.5rem;
  14. opacity: 50%;
  15. transition: opacity 0.5s, color 0.5s;
  16. &:hover, &:focus {
  17. color: $link-color;
  18. opacity: 100%;
  19. @media only screen and (max-width : 768px) {
  20. color: $alt-fg-color;
  21. opacity: 50%;
  22. }
  23. }
  24. }
  25. }