| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
- // For licensing, see LICENSE.md or http://ckeditor.com/license
- /**
- * A visual style of focused element's outer shadow.
- */
- $ck-focus-outer-shadow: 0 0 3px 2px lighten( ck-color( 'focus' ), 10% );
- /**
- * A visual style of focused element's border or outline.
- */
- $ck-focus-ring: 1px solid ck-color( 'focus' );
- /**
- * A class which indicates that an element holding it is disabled.
- */
- .ck-disabled {
- opacity: .5;
- }
- /**
- * A visual style of focused element's border or outline.
- */
- @mixin ck-focus-ring( $borderOrOutline: 'border' ) {
- @if $borderOrOutline == 'outline' {
- outline: $ck-focus-ring;
- }
- @else {
- // Disable native outline.
- outline: none;
- border: $ck-focus-ring;
- }
- }
- /**
- * Brings visual styling for :focus state.
- */
- @mixin ck-user-focus-outline() {
- &:focus {
- @include ck-focus-outline();
- }
- }
|