8
0

icon.scss 919 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. /**
  4. * Default width/height of an icon.
  5. *
  6. * @access public
  7. */
  8. $ck-icon-size: 20px;
  9. .ck-icon-manager-sprite {
  10. display: none;
  11. * {
  12. color: inherit; // allows dynamic coloring of the icons
  13. fill: currentColor; // needed by Webkit/Blink
  14. }
  15. }
  16. .ck-icon {
  17. min-width: $ck-icon-size;
  18. min-height: $ck-icon-size;
  19. width: #{$ck-icon-size / $ck-font-size-base}em;
  20. height: #{$ck-icon-size / $ck-font-size-base}em;
  21. font-size: 1em;
  22. vertical-align: middle;
  23. color: inherit;
  24. &-left {
  25. float: left;
  26. margin-right: ck-spacing( 'small' );
  27. }
  28. &-right {
  29. float: right;
  30. margin-left: ck-spacing( 'small' );
  31. }
  32. * {
  33. color: inherit; // allows dynamic coloring of the icons
  34. fill: currentColor; // needed by FF
  35. }
  36. use {
  37. width: $ck-icon-size;
  38. height: $ck-icon-size;
  39. }
  40. }