_states.scss 904 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  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 focused element's outer shadow.
  5. */
  6. $ck-focus-outer-shadow: 0 0 3px 2px lighten( ck-color( 'focus' ), 10% );
  7. /**
  8. * A visual style of focused element's border or outline.
  9. */
  10. $ck-focus-ring: 1px solid ck-color( 'focus' );
  11. /**
  12. * A class which indicates that an element holding it is disabled.
  13. */
  14. .ck-disabled {
  15. opacity: .5;
  16. }
  17. /**
  18. * A visual style of focused element's border or outline.
  19. */
  20. @mixin ck-focus-ring( $borderOrOutline: 'border' ) {
  21. @if $borderOrOutline == 'outline' {
  22. outline: $ck-focus-ring;
  23. }
  24. @else {
  25. // Disable native outline.
  26. outline: none;
  27. border: $ck-focus-ring;
  28. }
  29. }
  30. /**
  31. * Brings visual styling for :focus state.
  32. */
  33. @mixin ck-user-focus-outline() {
  34. &:focus {
  35. @include ck-focus-outline();
  36. }
  37. }