_icon.scss 1014 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. ///
  2. /// Hyperspace 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. /* Icon */
  7. .icon {
  8. @include icon;
  9. border-bottom: none;
  10. position: relative;
  11. > .label {
  12. display: none;
  13. }
  14. &.major {
  15. width: 2.5em;
  16. height: 2.5em;
  17. display: block;
  18. background: _palette(fg-bold);
  19. border-radius: 100%;
  20. color: _palette(bg);
  21. text-align: center;
  22. line-height: 2.5em;
  23. margin: 0 0 (_size(element-margin) * 0.65) 0;
  24. &:before {
  25. font-size: 1.25em;
  26. .wrapper.style1 & {
  27. color: _palette(accent1);
  28. }
  29. .wrapper.style1-alt & {
  30. color: _palette(accent1-alt);
  31. }
  32. .wrapper.style2 & {
  33. color: _palette(accent2);
  34. }
  35. .wrapper.style2-alt & {
  36. color: _palette(accent2-alt);
  37. }
  38. .wrapper.style3 & {
  39. color: _palette(accent3);
  40. }
  41. .wrapper.style3-alt & {
  42. color: _palette(accent3-alt);
  43. }
  44. }
  45. }
  46. }