8
0
Aleksander Nowodzinski 9 жил өмнө
parent
commit
0a0ecca588
29 өөрчлөгдсөн 888 нэмэгдсэн , 0 устгасан
  1. 26 0
      packages/ckeditor5-theme-lark/tests/.jshintrc
  2. 222 0
      packages/ckeditor5-theme-lark/tests/manual/theme.html
  3. 51 0
      packages/ckeditor5-theme-lark/tests/manual/theme.js
  4. 3 0
      packages/ckeditor5-theme-lark/tests/manual/theme.md
  5. 108 0
      packages/ckeditor5-theme-lark/theme/components/button.scss
  6. 41 0
      packages/ckeditor5-theme-lark/theme/components/icon.scss
  7. 69 0
      packages/ckeditor5-theme-lark/theme/components/reset.scss
  8. 26 0
      packages/ckeditor5-theme-lark/theme/components/toolbar.scss
  9. 63 0
      packages/ckeditor5-theme-lark/theme/helpers/_colors.scss
  10. 15 0
      packages/ckeditor5-theme-lark/theme/helpers/_fonts.scss
  11. 11 0
      packages/ckeditor5-theme-lark/theme/helpers/_rounded.scss
  12. 15 0
      packages/ckeditor5-theme-lark/theme/helpers/_spacing.scss
  13. 15 0
      packages/ckeditor5-theme-lark/theme/helpers/_states.scss
  14. 14 0
      packages/ckeditor5-theme-lark/theme/icons/align-center.svg
  15. 14 0
      packages/ckeditor5-theme-lark/theme/icons/align-left.svg
  16. 14 0
      packages/ckeditor5-theme-lark/theme/icons/align-right.svg
  17. 9 0
      packages/ckeditor5-theme-lark/theme/icons/bold.svg
  18. 14 0
      packages/ckeditor5-theme-lark/theme/icons/bulletedlist.svg
  19. 14 0
      packages/ckeditor5-theme-lark/theme/icons/image.svg
  20. 14 0
      packages/ckeditor5-theme-lark/theme/icons/italic.svg
  21. 17 0
      packages/ckeditor5-theme-lark/theme/icons/link.svg
  22. 19 0
      packages/ckeditor5-theme-lark/theme/icons/numberedlist.svg
  23. 16 0
      packages/ckeditor5-theme-lark/theme/icons/picker.svg
  24. 9 0
      packages/ckeditor5-theme-lark/theme/icons/quote.svg
  25. 16 0
      packages/ckeditor5-theme-lark/theme/icons/source.svg
  26. 14 0
      packages/ckeditor5-theme-lark/theme/icons/table.svg
  27. 9 0
      packages/ckeditor5-theme-lark/theme/icons/underline.svg
  28. 17 0
      packages/ckeditor5-theme-lark/theme/icons/unlink.svg
  29. 13 0
      packages/ckeditor5-theme-lark/theme/theme.scss

+ 26 - 0
packages/ckeditor5-theme-lark/tests/.jshintrc

@@ -0,0 +1,26 @@
+{
+	"browser": true,
+	"esnext": true,
+
+	"expr": true,
+	"immed": true,
+	"latedef": "nofunc",
+	"loopfunc": true,
+	"noarg": true,
+	"nonbsp": true,
+	"strict": "global",
+	"undef": true,
+	"unused": true,
+	"varstmt": true,
+
+	"globals": {
+		"after": false,
+		"afterEach": false,
+		"before": false,
+		"beforeEach": false,
+		"describe": false,
+		"expect": false,
+		"it": false,
+		"sinon": false
+	}
+}

+ 222 - 0
packages/ckeditor5-theme-lark/tests/manual/theme.html

@@ -0,0 +1,222 @@
+<head>
+	<link rel="stylesheet" href="%APPS_DIR%ckeditor/build/amd/theme/ckeditor.css">
+	<style>
+		.wrappable {
+			white-space: initial;
+			line-height: 3em;
+		}
+
+		#button-responsive div > div {
+			font-size: 1.3em;
+			line-height: 2.8em;
+		}
+
+		#button-responsive div .ck-button {
+			font-size: inherit;
+		}
+
+		@keyframes icon-color-change {
+			0% {;
+				color: white;
+				background: orange;
+			}
+			50% {
+				color: orange;
+				background: white;
+			}
+			100% {
+				color: white;
+				background: orange;
+			}
+		}
+
+		#icon-color-change {
+			border: 0;
+			animation: icon-color-change 3s infinite;
+		}
+	</style>
+</head>
+
+<div id="editor"></div>
+
+<h2>Icon</h2>
+
+<p>Icons <svg class="ck-icon"><use xlink:href="#ck-icon-quote"></use></svg> and <svg class="ck-icon"><use xlink:href="#ck-icon-bold"></use></svg> in a plain paragraph.</p>
+<p style="color: red">Icons <svg class="ck-icon"><use xlink:href="#ck-icon-quote"></use></svg> follow the color of text.</p>
+<p id="icons"></p>
+
+<hr/>
+
+<h2>Button</h2>
+<h3>Button: Types</h3>
+
+<div class="ck-reset-all">
+	<button class="ck-button">A button</button>
+	<button class="ck-button ck-disabled">Disabled</button>
+	<button class="ck-button ck-button-active">On state</button>
+	<button class="ck-button ck-button-action">Action button</button>
+	<button class="ck-button ck-rounded-corners">Rounded corners</button>
+	<button class="ck-button ck-button-bold">Bold text</button>
+</div>
+
+<h3>Button: Icon</h3>
+<div class="ck-reset-all" >
+	<div id="button-icon"></div>
+
+	<br/>
+
+	<button class="ck-button">
+		<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		Icon to the left
+	</button>
+	<button class="ck-button">
+		<svg class="ck-icon ck-icon-right"><use xlink:href="#ck-icon-bold"></use></svg>
+		Icon to the right (RTL)
+	</button>
+	<button class="ck-button" style="border-radius: 100px; border: 0">
+		<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-image"></use></svg>
+		Custom style with icon
+	</button>
+
+	<br/>
+	<br/>
+
+	<button class="ck-button ck-disabled">
+		<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		Disabled with icon
+	</button>
+
+	<button class="ck-button ck-disabled ck-button-notext">
+		<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+	</button>
+	<button id="icon-color-change" class="ck-button">
+		<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		Icon follows text color
+	</button>
+</div>
+
+<h3>Button: Responsive</h3>
+<div id="button-responsive" class="ck-reset-all">
+	<div>
+		<button class="ck-button">A button</button>
+		<button class="ck-button ck-button-action">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-image"></use></svg>
+			Image
+		</button>
+		<button class="ck-button">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		 	Bold
+		 </button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-link"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-image"></use></svg>
+		</button>
+	</div>
+</div>
+
+<hr/>
+
+<h2>Toolbar</h2>
+
+<h3>Toolbar: Text</h3>
+<div class="ck-reset-all">
+	<div class="ck-toolbar">
+		Just text and some <svg class="ck-icon"><use xlink:href="#ck-icon-bold"></use></svg> icon.
+	</div>
+</div>
+
+<h3>Toolbar: Button</h3>
+<div class="ck-reset-all">
+	<div class="ck-toolbar">
+		<button class="ck-button">A button</button>
+		<button class="ck-button ck-disabled">Disabled button</button>
+		<button class="ck-button ck-button-active">Active button</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-link"></use></svg>
+		</button>
+		And some text.
+	</div>
+</div>
+
+<h3>Toolbar: Rounded</h3>
+<div class="ck-reset-all">
+	<div class="ck-rounded-corners ck-toolbar">
+		<button class="ck-button">A button which corners are also rounded because of toolbar class</button>
+		<button class="ck-button ck-button-notext"><svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg></button>
+	</div>
+</div>
+
+<h3>Toolbar: Wrapping content</h3>
+<div class="ck-reset-all">
+	<div class="ck-toolbar" style="width: 80px">
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-italic"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-underline"></use></svg>
+		</button>
+	</div>
+</div>
+
+<h3>Toolbar: Item separators</h3>
+<div class="ck-reset-all">
+	<div class="ck-toolbar">
+		<button class="ck-button">First</button>
+		<button class="ck-button">Second</button>
+		<s class="ck-toolbar-separator"></s>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-italic"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-underline"></use></svg>
+		</button>
+		<s class="ck-toolbar-separator"></s>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-link"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-image"></use></svg>
+		</button>
+	</div>
+</div>
+
+<h3>Toolbar: Multi-row</h3>
+<div class="ck-reset-all">
+	<div class="ck-toolbar">
+		<button class="ck-button">First row</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-bold"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-italic"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-underline"></use></svg>
+		</button>
+		<s class="ck-toolbar-newline"></s>
+		<button class="ck-button">Second row</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-link"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-image"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-table"></use></svg>
+		</button>
+		<button class="ck-button ck-button-notext">
+			<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-source"></use></svg>
+		</button>
+	</div>
+</div>

+ 51 - 0
packages/ckeditor5-theme-lark/tests/manual/theme.js

@@ -0,0 +1,51 @@
+/**
+ * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+'use strict';
+
+import IconManagerView from '/ckeditor5/ui/iconmanagerview.js';
+import iconManagerModel from '/theme/iconmanagermodel.js';
+
+function setupIconManager() {
+	const iconManagerView = new IconManagerView( iconManagerModel );
+	document.body.appendChild( iconManagerView.element );
+	iconManagerView.init();
+}
+
+function renderIcons() {
+	const buttonIcons = document.getElementById( 'button-icon' );
+	const icons = document.getElementById( 'icons' );
+	const tmp = document.createElement( 'div' );
+
+	iconManagerModel.icons.forEach( i => {
+		tmp.innerHTML = `<svg class="ck-icon"><use xlink:href="#ck-icon-${ i }"></use></svg>`;
+
+		icons.appendChild( tmp.firstChild );
+		icons.appendChild( document.createTextNode( ' ' ) );
+
+		tmp.innerHTML =
+			`<button class="ck-button ck-button-notext">
+				<svg class="ck-icon ck-icon-left"><use xlink:href="#ck-icon-${ i }"></use></svg>
+			</button>`;
+
+		buttonIcons.appendChild( tmp.firstChild );
+		buttonIcons.appendChild( document.createTextNode( ' ' ) );
+	} );
+}
+
+function renderResponsiveButtons() {
+	const responsive = document.getElementById( 'button-responsive' );
+	let current = responsive.firstElementChild;
+
+	for ( let i = 3; i--; ) {
+		const clone = current.cloneNode( 1 );
+		current.appendChild( clone );
+		current = clone;
+	}
+}
+
+setupIconManager();
+renderIcons();
+renderResponsiveButtons();

+ 3 - 0
packages/ckeditor5-theme-lark/tests/manual/theme.md

@@ -0,0 +1,3 @@
+@bender-ui: collapsed
+
+1. Hi

+ 108 - 0
packages/ckeditor5-theme-lark/theme/components/button.scss

@@ -0,0 +1,108 @@
+////
+/// @author CKSource - Frederico Knabben
+/// @group components
+/// @copyright Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+/// @license For licensing, see LICENSE.md or http://ckeditor.com/license
+////
+
+/// Implements button states.
+///
+/// @access public
+/// @param {String} $color - Background color of the button.
+@mixin ck-button-states( $color ) {
+	&:hover,
+	&:focus {
+		background: ck-color( $color, -10 );
+		border-color: ck-border-color( $color, -10 );
+	}
+
+	&:active {
+		background: ck-color( $color, -15 );
+		border-color: ck-border-color( $color, -15 );
+	}
+
+	&:focus,
+	&:active {
+		@include ck-focus-shadow();
+	}
+}
+
+/// Implements a button of given background color.
+///
+/// @access public
+/// @param {String} $color - Background color of the button.
+@mixin ck-button( $color ) {
+	background: ck-color( $color );
+	border: 1px solid ck-border-color( $color );
+	white-space: nowrap;
+	cursor: pointer;
+	vertical-align: middle;
+	line-height: $ck-icon-size / $ck-font-size-base;
+	padding: ck-spacing( 'small' ) ck-spacing();
+	position: relative;
+
+	@include ck-button-states( $color );
+}
+
+/// A helper to define button–specific icon styles.
+///
+/// @access public
+@mixin ck-button-icon {
+	[class*="ck-icon"] {
+		@content;
+	}
+}
+
+.ck-button,
+a.ck-button {
+	display: inline-block;
+	overflow: hidden;
+
+	@include ck-button( 'background' );
+	@include ck-rounded-corners();
+
+	&.ck-button-notext {
+		padding: ck-spacing( 'small' );
+
+		@include ck-button-icon {
+			margin-left: 0;
+			margin-right: 0;
+		}
+	}
+
+	&.ck-on {
+		@include ck-button( 'foreground' );
+	}
+
+	&-action {
+		text-shadow: 0 -1px ck-color( 'action', -20 );
+		color: ck-color();
+
+		@include ck-button( 'action' );
+
+		&:hover,
+		&:focus,
+		&:active {
+			text-shadow: 0 -1px ck-color( 'action', -40 );
+		}
+	}
+
+	&-bold {
+		font-weight: bold;
+	}
+
+	.ck-icon {
+		use,
+		use * {
+			color: inherit;
+		}
+
+		&-left {
+			margin-left: -#{ck-spacing( 'small' )};
+		}
+
+		&-right {
+			margin-right: -#{ck-spacing( 'small' )};
+		}
+	}
+}

+ 41 - 0
packages/ckeditor5-theme-lark/theme/components/icon.scss

@@ -0,0 +1,41 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+$ck-icon-size: 20px;
+
+#ck-sprite {
+	display: none;
+
+	* {
+		fill: currentColor; // needed by Webkit/Blink
+	}
+}
+
+.ck-icon {
+	min-width: $ck-icon-size;
+	min-height: $ck-icon-size;
+	width: #{$ck-icon-size / $ck-font-size-base}em;
+	height: #{$ck-icon-size / $ck-font-size-base}em;
+	font-size: 1em;
+	vertical-align: middle;
+	color: inherit;
+
+	&-left {
+		float: left;
+		margin-right: ck-spacing( 'small' );
+	}
+
+	&-right {
+		float: right;
+		margin-left: ck-spacing( 'small' );
+	}
+
+	* {
+		fill: currentColor; // needed by FF
+	}
+
+	use {
+		width: $ck-icon-size;
+		height: $ck-icon-size;
+	}
+}

+ 69 - 0
packages/ckeditor5-theme-lark/theme/components/reset.scss

@@ -0,0 +1,69 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+// Reset for single elements, not their children.
+.ck-reset {
+	// Do not include inheritable rules here.
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	text-decoration: none;
+	vertical-align: middle;
+	transition: none;
+	box-sizing: border-box;
+	width: auto;
+	height: auto;
+	position: static;
+}
+
+// Reset for elements and their children.
+.ck-reset-all {
+	&, *, a, textarea {
+		// These are rule inherited by all children elements.
+		border-collapse: collapse;
+		font: normal normal normal $ck-font-size-base $ck-font-face;
+		color: ck-color( 'text' );
+		text-align: left;
+		white-space: nowrap;
+		cursor: auto;
+		float: none;
+
+		// The following must be identical to .ck-reset.
+		@extend .ck-reset;
+	}
+
+	.ck-rtl * {
+		text-align: right;
+	}
+
+	// Defaults for some elements.
+	iframe {
+		vertical-align: inherit;	// For IE
+	}
+
+	textarea {
+		white-space: pre-wrap;
+	}
+
+	textarea,
+	input[type="text"],
+	input[type="password"] {
+		cursor: text;
+	}
+
+	textarea[disabled],
+	input[type="text"][disabled],
+	input[type="password"][disabled] {
+		cursor: default;
+	}
+
+	fieldset {
+		padding: 10px;
+		border: 2px groove #E0DFE3;
+	}
+
+	table {
+		table-layout: auto;
+	}
+}

+ 26 - 0
packages/ckeditor5-theme-lark/theme/components/toolbar.scss

@@ -0,0 +1,26 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+.ck-toolbar {
+	line-height: 1;
+	padding: ck-spacing( 'small' );
+	border: 1px solid ck-border-color();
+	white-space: initial;
+
+	@include ck-rounded-corners();
+
+	&-separator {
+		width: 1px;
+		height: calc( 1em + 2 * #{ck-spacing( 'medium' )};
+		vertical-align: middle;
+		display: inline-block;
+		background: ck-border-color();
+		margin: 0 ck-spacing( 'tiny' );
+	}
+
+	&-newline {
+		display: block;
+		clear: left;
+		height: ck-spacing( 'small' );
+	}
+}

+ 63 - 0
packages/ckeditor5-theme-lark/theme/helpers/_colors.scss

@@ -0,0 +1,63 @@
+////
+/// @author CKSource - Frederico Knabben
+/// @group helpers
+/// @copyright Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+/// @license For licensing, see LICENSE.md or http://ckeditor.com/license
+////
+
+/// Colors configured by the user.
+///
+/// @type Map
+/// @access public
+/// @example
+///		$ck-colors: ( 'foreground': red );
+/// @see $_ck-colors
+$ck-colors: () !default;
+
+/// Internal map with default colors.
+///
+/// @type Map
+/// @access private
+/// @see ck-color-add
+$_ck-colors: (
+	'action': #61B145,
+	'background': #fff,
+	'focus': #83BFFC,
+	'foreground': #f7f7f7,
+	'text': #333,
+);
+
+/// Returns a color of given name and lightness offset.
+///
+/// @access public
+/// @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 );
+}
+
+/// Returns a border–color for a given name and lightness offset.
+///
+/// @access public
+/// @param {String} $name [ 'background' ] - Name of the color.
+/// @param {Number} $offset [ 0 ] - Offset of the lightness.
+/// @return {String}
+/// @see $ck-color
+@function ck-border-color( $name: 'background', $offset: 0 ) {
+	@return ck-color( $name, $offset - 25 );
+}
+
+/// Adds a color to internal color map.
+///
+/// @access public
+/// @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;
+}

+ 15 - 0
packages/ckeditor5-theme-lark/theme/helpers/_fonts.scss

@@ -0,0 +1,15 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+$ck-font-size-base: 12px !default;
+$ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif !default;
+$ck-font-sizes: (
+	-1: 0.75rem,
+	 0: 1rem,
+	 1: 1.4rem,
+	 2: 1.8rem
+);
+
+@function ck-font-size( $level: 0 ) {
+	@return map-get( $ck-font-sizes, $level );
+}

+ 11 - 0
packages/ckeditor5-theme-lark/theme/helpers/_rounded.scss

@@ -0,0 +1,11 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+$ck-border-radius: 3px !default;
+
+@mixin ck-rounded-corners() {
+	&.ck-rounded-corners,
+	.ck-rounded-corners & {
+		border-radius: $ck-border-radius;
+	}
+}

+ 15 - 0
packages/ckeditor5-theme-lark/theme/helpers/_spacing.scss

@@ -0,0 +1,15 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+$ck-def-spacing: .8em !default;
+$ck-def-spacings: (
+	'large': 1.5,
+	'standard': 1,
+	'medium': .8,
+	'small': .5,
+	'tiny': .25
+);
+
+@function ck-spacing( $spacing: 'standard' ) {
+	@return $ck-def-spacing * map-get( $ck-def-spacings, $spacing );
+}

+ 15 - 0
packages/ckeditor5-theme-lark/theme/helpers/_states.scss

@@ -0,0 +1,15 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+.ck-hidden {
+	display: none;
+}
+
+.ck-disabled {
+	opacity: .5;
+}
+
+@mixin ck-focus-shadow() {
+	outline: 0;
+	box-shadow: 0 0 2px 3px ck-color( 'focus' );
+}

+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/align-center.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>align-center</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="align-center" sketch:type="MSArtboardGroup" fill="#444444">
+            <g id="icon:align-center" sketch:type="MSLayerGroup" transform="translate(2.000000, 4.000000)">
+                <path d="M2,6 L2,7 L14,7 L14,6 L2,6 L2,6 Z M3,12 L3,13 L13,13 L13,12 L3,12 L3,12 Z M0,9 L0,10 L16,10 L16,9 L0,9 L0,9 Z M2,0 L2,1 L14,1 L14,0 L2,0 L2,0 Z M0,3 L0,4 L16,4 L16,3 L0,3 L0,3 Z" id="path4634-copy-3" sketch:type="MSShapeGroup" transform="translate(8.000000, 6.500000) scale(-1, 1) translate(-8.000000, -6.500000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/align-left.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>align-left</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="align-left" sketch:type="MSArtboardGroup" fill="#444444">
+            <g id="icon:align-left" sketch:type="MSLayerGroup" transform="translate(3.000000, 4.000000)">
+                <path d="M0,6 L0,7 L12,7 L12,6 L0,6 L0,6 Z M0,12 L0,13 L10,13 L10,12 L0,12 L0,12 Z M0,9 L0,10 L15,10 L15,9 L0,9 L0,9 Z M0,0 L0,1 L12,1 L12,0 L0,0 L0,0 Z M0,3 L0,4 L15,4 L15,3 L0,3 L0,3 Z" id="path4634" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/align-right.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>align-right</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="align-right" sketch:type="MSArtboardGroup" fill="#444444">
+            <g id="icon:align-right" sketch:type="MSLayerGroup" transform="translate(2.000000, 4.000000)">
+                <path d="M0,6 L0,7 L12,7 L12,6 L0,6 L0,6 Z M0,12 L0,13 L10,13 L10,12 L0,12 L0,12 Z M0,9 L0,10 L15,10 L15,9 L0,9 L0,9 Z M0,0 L0,1 L12,1 L12,0 L0,0 L0,0 Z M0,3 L0,4 L15,4 L15,3 L0,3 L0,3 Z" id="path4634-copy" sketch:type="MSShapeGroup" transform="translate(7.500000, 6.500000) scale(-1, 1) translate(-7.500000, -6.500000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 9 - 0
packages/ckeditor5-theme-lark/theme/icons/bold.svg


+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/bulletedlist.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>bulletedlist</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="bulletedlist" sketch:type="MSArtboardGroup" fill="#454545">
+            <g id="icon:bulletedlist" sketch:type="MSLayerGroup" transform="translate(1.000000, 3.000000)">
+                <path d="M5,13 L5,14 L15,14 L15,13 L5,13 L5,13 Z M5,1 L5,2 L17,2 L17,1 L5,1 L5,1 Z M5,7 L5,8 L16,8 L16,7 L5,7 L5,7 Z M0,1.5 C0,0.671572875 0.665797234,0 1.5,0 L1.5,0 C2.32842712,0 3,0.665797234 3,1.5 L3,1.5 C3,2.32842712 2.33420277,3 1.5,3 L1.5,3 C0.671572875,3 0,2.33420277 0,1.5 L0,1.5 Z M0,7.5 C0,6.67157288 0.665797234,6 1.5,6 L1.5,6 C2.32842712,6 3,6.66579723 3,7.5 L3,7.5 C3,8.32842712 2.33420277,9 1.5,9 L1.5,9 C0.671572875,9 0,8.33420277 0,7.5 L0,7.5 Z M0,13.5 C0,12.6715729 0.665797234,12 1.5,12 L1.5,12 C2.32842712,12 3,12.6657972 3,13.5 L3,13.5 C3,14.3284271 2.33420277,15 1.5,15 L1.5,15 C0.671572875,15 0,14.3342028 0,13.5 L0,13.5 Z" id="path4634" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/image.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>image</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="image" sketch:type="MSArtboardGroup" fill="#454545">
+            <g id="icon:image" sketch:type="MSLayerGroup" transform="translate(2.000000, 3.000000)">
+                <path d="M0,11.9941413 C0,13.1019465 0.894513756,14 1.99406028,14 L14.0059397,14 C15.1072288,14 16,13.1029399 16,11.9941413 L16,2.00585866 C16,0.898053512 15.1054862,0 14.0059397,0 L1.99406028,0 C0.892771196,0 0,0.897060126 0,2.00585866 L0,11.9941413 Z M1,2.00247329 C1,1.44882258 1.44994876,1 2.00684547,1 L13.9931545,1 C14.5492199,1 15,1.45576096 15,2.00247329 L15,11.9975267 C15,12.5511774 14.5500512,13 13.9931545,13 L2.00684547,13 C1.45078007,13 1,12.544239 1,11.9975267 L1,2.00247329 Z M2.0237314,12.0028573 L14,12.0028573 L14,8.90598928 L11.1099289,4.64285714 L8.01350775,9.9000001 L5.01091767,7.79714291 L2,10.9601769 L2.0237314,12.0028573 Z M4.40625001,3 C3.62959688,3 3,3.62360071 3,4.39285714 C3,5.16210429 3.62959688,5.78571429 4.40625001,5.78571429 C5.18289376,5.78571429 5.81250002,5.16210429 5.81250002,4.39285714 C5.81250002,3.62360071 5.18289376,3 4.40625001,3 L4.40625001,3 Z" id="path4700" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/italic.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>italic</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="italic" sketch:type="MSArtboardGroup" fill="#454545">
+            <g id="icon:italic" sketch:type="MSLayerGroup" transform="translate(5.000000, 3.000000)">
+                <path d="M8.82538319,0.9140625 L8.6985333,1.47220203 C8.52376146,1.47783984 8.29543393,1.50320956 8.01354387,1.54831197 C7.73165381,1.59341438 7.52305829,1.63569726 7.38775106,1.67516187 C7.1509634,1.74845328 6.9818319,1.86120762 6.88035148,2.01342825 C6.77887106,2.16564888 6.70558074,2.33196153 6.66047833,2.51237117 L4.63088002,11.2819272 C4.61960442,11.3213918 4.61114784,11.3664935 4.60551004,11.4172337 C4.59987224,11.467974 4.59705338,11.5130757 4.59705338,11.5525403 C4.59705338,11.6822097 4.62524197,11.7921452 4.68161998,11.88235 C4.73799799,11.9725548 4.83947689,12.0514829 4.98605973,12.1191365 C5.07062674,12.1586011 5.2566714,12.2051123 5.54419926,12.2586714 C5.83172712,12.3122305 6.04596036,12.3446474 6.18690539,12.355923 L6.0600555,12.9140625 L0.65625,12.9140625 L0.783099894,12.355923 C0.94095833,12.3446474 1.166467,12.3277342 1.45963266,12.305183 C1.75279833,12.2826318 1.96139385,12.2488055 2.08542548,12.2037031 C2.30529973,12.1247739 2.47161237,12.0162478 2.58436839,11.8781217 C2.69712442,11.7399956 2.77323359,11.5722735 2.8126982,11.3749504 L4.83383985,2.59693776 C4.84511545,2.54619755 4.85357203,2.4954581 4.85920983,2.44471789 C4.86484763,2.39397768 4.86766649,2.34323823 4.86766649,2.29249802 C4.86766649,2.17974199 4.84370619,2.08108195 4.79578488,1.99651493 C4.74786357,1.91194791 4.6477941,1.83583874 4.49557347,1.76818512 C4.34335283,1.70053151 4.13616674,1.63710719 3.87400899,1.57791028 C3.61185123,1.51871337 3.41875943,1.48347764 3.2947278,1.47220203 L3.4215777,0.9140625 L8.82538319,0.9140625 Z" id="I" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

+ 17 - 0
packages/ckeditor5-theme-lark/theme/icons/link.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>link</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="link" sketch:type="MSArtboardGroup" fill="#222222">
+            <g id="icon:link" sketch:type="MSLayerGroup">
+                <g id="Rectangle-18-+-Rectangle-18-Copy-+-Path-28" transform="translate(9.646447, 9.853553) rotate(-315.000000) translate(-9.646447, -9.853553) translate(5.646447, 0.853553)" sketch:type="MSShapeGroup">
+                    <path d="M8,6.55919636 L8,4.82450549 C8,2.61334348 6.2104719,0.828427125 4,0.828427125 C1.79353398,0.828427125 -3.20810045e-12,2.61822724 -3.20810045e-12,4.82450549 L-3.20810045e-12,7.75542568 C-3.20810045e-12,9.96658769 1.7895281,11.751504 4,11.751504 C4.5511606,11.751504 5.07655559,11.6398264 5.55466651,11.437876 L5.12132034,11.437876 L5.12132034,10.5346402 C4.77469964,10.6745028 4.39616036,10.751504 4,10.751504 C2.34314575,10.751504 1,9.41562927 1,7.75542568 L1,4.82450549 C1,3.1698171 2.34651712,1.82842712 4,1.82842712 C5.65685425,1.82842712 7,3.1643019 7,4.82450549 L7,6.55919636 L8,6.55919636 Z" id="Shape"></path>
+                    <path d="M2.63603897,6.90151354 C3.06184352,6.74698845 3.52119959,6.66270951 4,6.66270951 C6.2104719,6.66270951 8,8.44762587 8,10.6587879 L8,13.5897081 C8,15.7959863 6.20646602,17.5857864 4,17.5857864 C1.7895281,17.5857864 -2.32347475e-12,15.8008701 -2.32347475e-12,13.5897081 L-2.32347475e-12,11.6627095 L1,11.6627095 L1,13.5897081 C1,15.2499117 2.34314575,16.5857864 4,16.5857864 C5.65348288,16.5857864 7,15.2443965 7,13.5897081 L7,10.6587879 C7,8.99858429 5.65685425,7.66270951 4,7.66270951 C3.5092458,7.66270951 3.04553235,7.78087311 2.63603897,7.99032058 L2.63603897,6.90151354 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 19 - 0
packages/ckeditor5-theme-lark/theme/icons/numberedlist.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>numberedlist</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="numberedlist" sketch:type="MSArtboardGroup" fill="#454545">
+            <g id="icon:numberedlist" sketch:type="MSLayerGroup" transform="translate(2.000000, 2.000000)">
+                <path d="M5,15 L15,15 L15,14 L5,14 L5,15 Z M4,2 L4,3 L17,3 L17,2 L4,2 L4,2 Z M5,8 L5,9 L16,9 L16,8 L5,8 L5,8 Z" id="path4634" sketch:type="MSShapeGroup"></path>
+                <g id="path4712-path-+-path4712-path-+-path4712-path-copy" sketch:type="MSShapeGroup">
+                    <path d="M0,0.5 C0,0.77699 0.223,1 0.5,1 L1,1 L1,4.5 C1,4.77699 1.223,5 1.5,5 C1.777,5 2,4.77699 2,4.5 L2,0.5 C2,0.223 1.777,0 1.5,0 L0.5,0 C0.223,0 0,0.223 0,0.5 Z" id="path4712-path"></path>
+                    <path d="M0.5,6 C0.223,6 0,6.223 0,6.5 C0,6.77699 0.223,7 0.5,7 L2,7 L2,8 L0.5,8 C0.223,8 0,8.223 0,8.5 L0,10.5 C0,10.77699 0.223,11 0.5,11 L2.5,11 C2.777,11 3,10.77699 3,10.5 C3,10.223 2.777,10 2.5,10 L1,10 L1,9 L2.5,9 C2.5693,9 2.62764,8.994 2.6875,8.9688 C2.81468,8.9278 2.9182,8.82667 2.96875,8.68755 C2.99395,8.62765 2.99995,8.5693 2.99995,8.50005 L2.99995,6.50005 C2.99995,6.43075 2.99395,6.3724 2.96875,6.31255 C2.91825,6.17342 2.81468,6.07227 2.6875,6.0313 C2.6471,6.0142 2.6076,6.006 2.5625,6.0001 L2.5,6.0001 L0.5,6.0001 L0.5,6 Z" id="path4712-path"></path>
+                    <path d="M2.85209534,16.8526748 C2.94267961,16.7627344 3,16.6389489 3,16.5023012 L3,12.4976988 C3,12.3570579 2.94465639,12.2332311 2.85505992,12.1442682 C2.76454727,12.057652 2.64101746,12 2.50461102,12 L0.495388985,12 C0.215752602,12 0,12.2238576 0,12.5 C0,12.7680664 0.221793203,13 0.495388985,13 L2,13 L2,14 L0.495388985,14 C0.215752602,14 0,14.2238576 0,14.5 C0,14.7680664 0.221793203,15 0.495388985,15 L2,15 L2,16 L0.495388985,16 C0.215752602,16 0,16.2238576 0,16.5 C0,16.7680664 0.221793203,17 0.495388985,17 L2.50461102,17 C2.6440432,17 2.76759251,16.9443442 2.85643212,16.854302 Z" id="Rectangle-403"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 16 - 0
packages/ckeditor5-theme-lark/theme/icons/picker.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>picker</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="picker" sketch:type="MSArtboardGroup" fill="#454545">
+            <g id="icon:picker" sketch:type="MSLayerGroup" transform="translate(0.000000, 1.000000)">
+                <g id="Rectangle-230-+-Oval-3-+-Rectangle-229" transform="translate(9.683996, 9.356877) rotate(-316.000000) translate(-9.683996, -9.356877) translate(5.683996, 0.356877)" sketch:type="MSShapeGroup">
+                    <path d="M2,7 L2,15.9996343 C2,17.1039635 2.89543351,18 4,18 C5.10776926,18 6,17.1050627 6,15.9996343 L6,7 L5,7 L5,15.9996343 C5,16.552121 4.55613518,17 4,17 C3.44771525,17 3,16.5516755 3,15.9996343 L3,7 L2,7 Z M6.20527682,3.97573974 C6.22184549,3.82738584 6.23044302,3.66006568 6.23044302,3.47140644 C6.23044302,1.5542016 5.3238196,8.8817842e-15 4.20544292,8.8817842e-15 C3.08706625,8.8817842e-15 2.18044283,1.5542016 2.18044283,3.47140644 C2.18044283,3.66006568 2.18940334,3.82738584 2.20662653,3.97573974 L6.20527682,3.97573974 Z M0.513009559,4.92759357 L7.1496054,4.92759357 L7.1496054,5.8794474 L0.513009559,5.8794474 L0.513009559,4.92759357 Z" id="Oval-3"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 9 - 0
packages/ckeditor5-theme-lark/theme/icons/quote.svg


+ 16 - 0
packages/ckeditor5-theme-lark/theme/icons/source.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>source</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="source" sketch:type="MSArtboardGroup" fill="#232323">
+            <g id="icon:source" sketch:type="MSLayerGroup" transform="translate(2.000000, 2.000000)">
+                <g id="Path-199-+-Path-199-Copy-2" sketch:type="MSShapeGroup">
+                    <path d="M13.1155362,5.96137107 L15.5420842,8.16727971 C15.5420842,8.16727971 15.5359174,7.88896426 15.532834,7.74980653 C15.5289593,7.57493346 15.5212098,7.22518734 15.5212098,7.22518734 L9.65170429,13.0562511 L10.567918,13.978505 L16.4374236,8.1474413 L16.9226298,7.66541293 L16.4165492,7.20534892 L13.9982879,5.00697343 L13.1155362,5.96137107 Z M10.1556393,3.27060948 L9.67257863,2.83147214 L10.5470437,1.86954136 L11.038391,2.31621184 L10.1556393,3.27060948 Z M3.11490302,10.8827864 L0.672578629,8.66253589 L0.166498111,8.20247188 L0.651704292,7.72044352 L6.52120984,1.88937977 L7.43742358,2.81163373 L1.56791804,8.64269748 L1.5470437,7.7006051 L3.99765471,9.9283888 L3.11490302,10.8827864 Z M6.07479988,13.573548 L6.54208418,13.9983435 L7.41654925,13.0364127 L6.95755158,12.6191504 L6.07479988,13.573548 Z M2.51844088,15.4303731 L15.4749228,1.4223165 L14.5205606,0.539597559 L1.56407865,14.5476542 L2.51844088,15.4303731 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 14 - 0
packages/ckeditor5-theme-lark/theme/icons/table.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>table</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="table" sketch:type="MSArtboardGroup" fill="#454545">
+            <g id="icon:table" sketch:type="MSLayerGroup" transform="translate(2.000000, 4.000000)">
+                <path d="M1.99406028,0 C0.892771196,0 0,0.897060126 0,2.00585866 L0,11.9941413 C0,13.1019465 0.894513756,14 1.99406028,14 L14.0059397,14 C15.1072288,14 16,13.1029399 16,11.9941413 L16,2.00585866 C16,0.898053512 15.1054862,0 14.0059397,0 L1.99406028,0 Z M1,2.01750603 L5,2.01750603 L5,5.01750603 L1,5.01750603 L1,2.01750603 Z M6,2.01750603 L10,2.01750603 L10,5.01750603 L6,5.01750603 L6,2.01750603 Z M11,2.01750603 L15,2.01750603 L15,5.01750603 L11,5.01750603 L11,2.01750603 Z M1,6.01750603 L5,6.01750603 L5,9.01750603 L1,9.01750603 L1,6.01750603 Z M6,6.01750603 L10,6.01750603 L10,9.01750603 L6,9.01750603 L6,6.01750603 Z M11,6.01750603 L15,6.01750603 L15,9.01750603 L11,9.01750603 L11,6.01750603 Z M1,10.017506 L5,10.017506 L5,13.017506 L1,13.017506 L1,10.017506 Z M6,10.017506 L10,10.017506 L10,13.017506 L6,13.017506 L6,10.017506 Z M11,10.017506 L15,10.017506 L15,13.017506 L11,13.017506 L11,10.017506 Z" id="path4770" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 9 - 0
packages/ckeditor5-theme-lark/theme/icons/underline.svg


+ 17 - 0
packages/ckeditor5-theme-lark/theme/icons/unlink.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch -->
+    <title>unlink</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="unlink" sketch:type="MSArtboardGroup" fill="#222222">
+            <g id="icon:unlink" sketch:type="MSLayerGroup">
+                <g id="Rectangle-18-+-Rectangle-18-Copy-+-Path-28-Copy" transform="translate(12.828427, 13.035534) rotate(-315.000000) translate(-12.828427, -13.035534) translate(4.328427, 4.035534)" sketch:type="MSShapeGroup">
+                    <path d="M8,6.55919636 L8,4.82450549 C8,2.61334348 6.2104719,0.828427125 4,0.828427125 C1.79353398,0.828427125 -3.20454774e-12,2.61822724 -3.20454774e-12,4.82450549 L-3.20454774e-12,7.75542568 C-3.20454774e-12,9.96658769 1.7895281,11.751504 4,11.751504 C4.5511606,11.751504 5.07655559,11.6398264 5.55466651,11.437876 L5.12132034,11.437876 L5.12132034,10.5346402 C4.77469964,10.6745028 4.39616036,10.751504 4,10.751504 C2.34314575,10.751504 1,9.41562927 1,7.75542568 L1,4.82450549 C1,3.1698171 2.34651712,1.82842712 4,1.82842712 C5.65685425,1.82842712 7,3.1643019 7,4.82450549 L7,6.55919636 L8,6.55919636 Z" id="Shape"></path>
+                    <path d="M12.1301896,9.691731 L12.1301896,6.07623654 L11.1099103,6.07623654 L11.1099103,9.691731 L7.79324873,9.691731 L7.79324873,10.7120103 L11.1099103,10.7120103 L11.1099103,14.3275047 L12.1301896,14.3275047 L12.1301896,10.7120103 L16.0445169,10.7120103 L16.0445169,9.691731 L12.1301896,9.691731 Z M7.52584209,8.6418508 C6.80172121,7.49371533 5.53005392,6.73384534 4.08111717,6.73384534 C3.59260703,6.73384534 3.12393555,6.82077136 2.68949598,6.98014985 L2.68949598,8.10315471 C3.10729359,7.8871288 3.58041083,7.76525387 4.08111717,7.76525387 C5.2472836,7.76525387 6.26112906,8.4209623 6.77783518,9.38985772 L7.52584209,8.6418508 Z M8.16223435,12.3942945 L8.16223435,13.8784107 C8.16223435,16.1539849 6.33232877,18 4.08111717,18 C1.82581847,18 -8.17124146e-14,16.1590221 -8.17124146e-14,13.8784107 L-8.17124146e-14,11.890888 L1.02027929,11.890888 L1.02027929,13.8784107 C1.02027929,15.5907588 2.39066309,16.9685915 4.08111717,16.9685915 C5.76813152,16.9685915 7.14195505,15.5850704 7.14195505,13.8784107 L7.14195505,11.3740152 L8.16223435,12.3942945 Z" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 13 - 0
packages/ckeditor5-theme-lark/theme/theme.scss

@@ -0,0 +1,13 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+@import 'helpers/colors';
+@import 'helpers/fonts';
+@import 'helpers/rounded';
+@import 'helpers/spacing';
+@import 'helpers/states';
+
+@import 'components/reset';
+@import 'components/icon';
+@import 'components/button';
+@import 'components/toolbar';

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно