_shadow.scss 657 B

1234567891011121314151617181920212223242526
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. /**
  4. * A visual style of element's inner shadow (i.e. input).
  5. */
  6. $ck-inner-shadow: 2px 2px 3px ck-color( 'shadow-inner' ) inset;
  7. /**
  8. * A visual style of element's drop shadow (i.e. panel).
  9. */
  10. $ck-drop-shadow: 0 1px 2px 0 ck-color( 'shadow-drop' );
  11. /**
  12. * A helper to combine multiple shadows.
  13. */
  14. @mixin ck-box-shadow($shadows...) {
  15. box-shadow: $shadows;
  16. }
  17. /**
  18. * Gives an element a drop shadow so it looks like a floating panel.
  19. */
  20. @mixin ck-drop-shadow() {
  21. @include ck-box-shadow( $ck-drop-shadow );
  22. }