Bladeren bron

Import SASS files straight to JS.

Piotrek Koszuliński 9 jaren geleden
bovenliggende
commit
eb4fdd694d

+ 30 - 0
packages/ckeditor5-theme-lark/theme/components/contextualtoolbar.scss

@@ -0,0 +1,30 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+.ck-toolbar__container {
+	background: ck-color( 'foreground' );
+
+	.ck-toolbar {
+		@include ck-editor-toolbar;
+
+		border: 0;
+	}
+
+	&.ck-balloon-panel {
+		&_arrow_s,
+		&_arrow_se,
+		&_arrow_sw {
+			&:after {
+				border-bottom-color: ck-color( 'foreground' );
+			}
+		}
+
+		&_arrow_n,
+		&_arrow_ne,
+		&_arrow_nw {
+			&:after {
+				border-top-color: ck-color( 'foreground' );
+			}
+		}
+	}
+}

+ 0 - 50
packages/ckeditor5-theme-lark/theme/components/editor.scss

@@ -41,53 +41,3 @@
 		}
 	}
 }
-
-// TODO/NOTE: This along with _editor helper will probably become a creator theme.
-@include ck-editor {
-	@include ck-rounded-corners();
-
-	// All the elements within `.ck-editor` are positioned relatively to it.
-	// If any element needs to be positioned with respect to the <body>, etc.,
-	// it must land outside of the `.ck-editor` in DOM.
-	position: relative;
-
-	.ck-editor__top {
-		.ck-toolbar {
-			@include ck-editor-toolbar();
-
-			border-top: 0;
-			border-left: 0;
-			border-right: 0;
-		}
-	}
-
-	.ck-editor__main {
-		background: ck-color();
-	}
-
-	.ck-editor__bottom {
-		border-bottom: 0;
-		border-left: 0;
-		border-right: 0;
-
-		padding: ck-spacing();
-	}
-
-	.ck-editor__editable {
-		&.ck-focused {
-			@include ck-focus-ring( 'outline' );
-			@include ck-box-shadow( $ck-inner-shadow );
-		}
-
-		&_inline {
-			overflow: auto;
-			padding: 0 ck-spacing();
-		}
-	}
-}
-
-.ck-editor,
-.ck-editor-bottom {
-	background: ck-color( 'foreground' );
-	border: 1px solid ck-border-color( 'foreground' );
-}

+ 19 - 0
packages/ckeditor5-theme-lark/theme/components/stickytoolbar.scss

@@ -0,0 +1,19 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+@include ck-editor {
+	.ck-toolbar.ck-toolbar_sticky {
+		@include ck-drop-shadow();
+
+		position: fixed;
+		top: 0;
+		border: 1px solid ck-border-color();
+		border-width: 0 0 1px;
+		background: ck-color( 'foreground' );
+
+		&.ck-toolbar_sticky_bottom-limit {
+			top: auto;
+			position: absolute;
+		}
+	}
+}

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

@@ -21,3 +21,5 @@
 @import 'components/inputtext';
 @import 'components/balloonpanel';
 @import 'components/editor';
+@import 'components/contextualtoolbar';
+@import 'components/stickytoolbar';