// 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(); } }