| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- // 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' );
- /**
- * An opacity value of disabled UI item.
- */
- $ck-disabled-opacity: .5;
- /**
- * A class which indicates that an element holding it is disabled.
- */
- @mixin ck-disabled {
- opacity: $ck-disabled-opacity;
- }
- /**
- * 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();
- }
- }
|