|
@@ -1,96 +0,0 @@
|
|
|
-// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
|
|
|
|
|
-// For licensing, see LICENSE.md or http://ckeditor.com/license
|
|
|
|
|
-
|
|
|
|
|
-$ck-color-foreground: #f7f7f7 !default;
|
|
|
|
|
-$ck-color-background: #fff !default;
|
|
|
|
|
-$ck-color-border: scale-color( $ck-color-background, $lightness: -25 ) !default;
|
|
|
|
|
-$ck-color-action: #61B145 !default;
|
|
|
|
|
-$ck-color-focus: #6ab5f9 !default;
|
|
|
|
|
-$ck-color-text: #333 !default;
|
|
|
|
|
-$ck-color-active: #1A8BF1 !default;
|
|
|
|
|
-
|
|
|
|
|
-/**
|
|
|
|
|
- * Colors configured by the user.
|
|
|
|
|
- *
|
|
|
|
|
- * @type Map
|
|
|
|
|
- * @example
|
|
|
|
|
- * $ck-colors: ( 'foreground': red );
|
|
|
|
|
- * @see $_ck-colors
|
|
|
|
|
- */
|
|
|
|
|
-$ck-colors: () !default;
|
|
|
|
|
-
|
|
|
|
|
-/**
|
|
|
|
|
- * Internal map with default colors.
|
|
|
|
|
- *
|
|
|
|
|
- * @type Map
|
|
|
|
|
- * @see ck-color-add
|
|
|
|
|
- */
|
|
|
|
|
-$_ck-colors: (
|
|
|
|
|
- 'border-focus': #48a3f5,
|
|
|
|
|
- 'text': $ck-color-text,
|
|
|
|
|
- 'shadow-drop': rgba( 0, 0, 0, .2 ),
|
|
|
|
|
- 'shadow-inner': rgba( 0, 0, 0, .1 ),
|
|
|
|
|
-
|
|
|
|
|
- // ------------------------------------------------------------
|
|
|
|
|
-
|
|
|
|
|
- 'button-default-background': $ck-color-background,
|
|
|
|
|
- 'button-default-border': $ck-color-border,
|
|
|
|
|
- 'button-on-background': $ck-color-foreground,
|
|
|
|
|
- 'button-on-border': scale-color( $ck-color-foreground, $lightness: -25 ),
|
|
|
|
|
- 'button-action-background': $ck-color-action,
|
|
|
|
|
- 'button-action-border': scale-color( $ck-color-action, $lightness: -20 ),
|
|
|
|
|
- 'button-action-text': $ck-color-background,
|
|
|
|
|
-
|
|
|
|
|
- 'dropdown-panel-background': $ck-color-background,
|
|
|
|
|
- 'dropdown-panel-border': $ck-color-border,
|
|
|
|
|
- 'dropdown-symbol': #707070,
|
|
|
|
|
-
|
|
|
|
|
- 'input-background': $ck-color-background,
|
|
|
|
|
- 'input-border': $ck-color-border,
|
|
|
|
|
- 'input-text': $ck-color-text,
|
|
|
|
|
-
|
|
|
|
|
- 'list-background': $ck-color-background,
|
|
|
|
|
- 'list-item-background-hover': $ck-color-foreground,
|
|
|
|
|
- 'list-item-background-active': $ck-color-active,
|
|
|
|
|
- 'list-item-text-active': $ck-color-background,
|
|
|
|
|
-
|
|
|
|
|
- 'panel-background': $ck-color-background,
|
|
|
|
|
- 'panel-border': $ck-color-border,
|
|
|
|
|
-
|
|
|
|
|
- 'toolbar-background': $ck-color-background,
|
|
|
|
|
- 'toolbar-border': $ck-color-border,
|
|
|
|
|
-
|
|
|
|
|
- 'tooltip-background': $ck-color-text,
|
|
|
|
|
- 'tooltip-text': $ck-color-background,
|
|
|
|
|
-
|
|
|
|
|
- 'editor-border': $ck-color-border,
|
|
|
|
|
- 'editor-toolbar-background': $ck-color-foreground,
|
|
|
|
|
- 'editor-toolbar-button-background': $ck-color-foreground,
|
|
|
|
|
- 'editor-dropdown-background': $ck-color-background,
|
|
|
|
|
-);
|
|
|
|
|
-
|
|
|
|
|
-/**
|
|
|
|
|
- * Returns a color of given name and lightness offset.
|
|
|
|
|
- *
|
|
|
|
|
- * @param {String} $name [ 'background' ] - Name of the color.
|
|
|
|
|
- * @param {Number} $offset [ 0 ] - Offset of the lightness.
|
|
|
|
|
- * @return {String}
|
|
|
|
|
- * @see $_ck-colors
|
|
|
|
|
- */
|
|
|
|
|
-@function ck-color( $name: 'background', $offset: 0 ) {
|
|
|
|
|
- $colors: map-merge( $_ck-colors, $ck-colors );
|
|
|
|
|
-
|
|
|
|
|
- @return scale-color( map-get( $colors, $name ), $lightness: $offset );
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/**
|
|
|
|
|
- * Adds a color to internal color map.
|
|
|
|
|
- *
|
|
|
|
|
- * @example
|
|
|
|
|
- * @include ck-color-add( ( 'special': yellow, 'hover': #00FF00 ) );
|
|
|
|
|
- * @param {Map} $map - A map with new colors.
|
|
|
|
|
- * @see $_ck-colors
|
|
|
|
|
- */
|
|
|
|
|
-@mixin ck-color-add( $map ) {
|
|
|
|
|
- $_ck-colors: map-merge( $_ck-colors, $map ) !global;
|
|
|
|
|
-}
|
|
|