icon.scss 973 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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. // Allows dynamic coloring of the icons.
  13. color: inherit;
  14. // Needed by Webkit/Blink.
  15. fill: currentColor;
  16. }
  17. }
  18. .ck-icon {
  19. min-width: $ck-icon-size;
  20. min-height: $ck-icon-size;
  21. width: #{$ck-icon-size / $ck-font-size-base}em;
  22. height: #{$ck-icon-size / $ck-font-size-base}em;
  23. font-size: 1em;
  24. vertical-align: middle;
  25. color: inherit;
  26. // Inherit cursor style (#5).
  27. cursor: inherit;
  28. &-left {
  29. float: left;
  30. margin-right: ck-spacing( 'small' );
  31. }
  32. &-right {
  33. float: right;
  34. margin-left: ck-spacing( 'small' );
  35. }
  36. * {
  37. // Inherit cursor style (#5).
  38. cursor: inherit;
  39. // Allows dynamic coloring of the icons.
  40. color: inherit;
  41. // Needed by FF.
  42. fill: currentColor;
  43. }
  44. }