_icons.scss 662 B

12345678910111213141516171819202122232425262728293031
  1. // svg icons and custom icon styles
  2. // ======================================================================
  3. // default icon styles - inline, same color, 1em/1em
  4. .icon {
  5. position: relative;
  6. top: -0.0625em;
  7. display: inline-block;
  8. width: 1em;
  9. height: 1em;
  10. fill: currentColor;
  11. &--correct,
  12. &--incorrect {
  13. @include spacing(r .5);
  14. @include spacing-inner(a .2);
  15. border-color: inherit;
  16. border-style: solid;
  17. border-width: 2px;
  18. border-radius: 100%;
  19. width: $base-unit * 1.2;
  20. height: $base-unit * 1.2;
  21. }
  22. &--triangle {
  23. @include absolute(r .8, t .7);
  24. pointer-events: none;
  25. width: 9px;
  26. height: 6px;
  27. }
  28. }