8
0

_states.scss 1004 B

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