_icons.scss 701 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. ///
  2. /// Dimension by HTML5 UP
  3. /// html5up.net | @ajlkn
  4. /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  5. ///
  6. /* Icons */
  7. ul.icons {
  8. cursor: default;
  9. list-style: none;
  10. padding-left: 0;
  11. li {
  12. display: inline-block;
  13. padding: 0 0.75em 0 0;
  14. &:last-child {
  15. padding-right: 0;
  16. }
  17. a {
  18. border-radius: 100%;
  19. box-shadow: inset 0 0 0 _size(border-width) _palette(border);
  20. display: inline-block;
  21. height: 2.25rem;
  22. line-height: 2.25rem;
  23. text-align: center;
  24. width: 2.25rem;
  25. &:hover {
  26. background-color: _palette(border-bg);
  27. }
  28. &:active {
  29. background-color: _palette(border-bg-alt);
  30. }
  31. }
  32. }
  33. }