8
0

_states.scss 986 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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 hides an element in DOM.
  13. */
  14. .ck-hidden {
  15. display: none;
  16. }
  17. /**
  18. * A class which indicates that an element holding it is disabled.
  19. */
  20. .ck-disabled {
  21. opacity: .5;
  22. }
  23. /**
  24. * A visual style of focused element's border or outline.
  25. */
  26. @mixin ck-focus-ring( $borderOrOutline: 'border' ) {
  27. @if $borderOrOutline == 'outline' {
  28. outline: $ck-focus-ring;
  29. }
  30. @else {
  31. // Disable native outline.
  32. outline: none;
  33. border: $ck-focus-ring;
  34. }
  35. }
  36. /**
  37. * Brings visual styling for :focus state.
  38. */
  39. @mixin ck-user-focus-outline() {
  40. &:focus {
  41. @include ck-focus-outline();
  42. }
  43. }