8
0
Просмотр исходного кода

Updated class names used in theme to follow project naming guidelines. Fixes #32.

Aleksander Nowodzinski 9 лет назад
Родитель
Сommit
ee346b133e

+ 13 - 13
packages/ckeditor5-theme-lark/tests/manual/theme.html

@@ -57,23 +57,23 @@
 	</p>
 
 	<h3>Icon: Availability</h3>
-	<p id="icon-availability" class="ck-reset-all"></p>
+	<p id="icon-availability" class="ck-reset_all"></p>
 
 	<h3>Icon: Availability (colored)</h3>
-	<p id="icon-availability-color" class="ck-reset-all icon-color"></p>
+	<p id="icon-availability-color" class="ck-reset_all icon-color"></p>
 
 <hr/>
 
 <h2>Button</h2>
 
 	<h3>Button: States</h3>
-	<div id="button-states" class="ck-reset-all"></div>
+	<div id="button-states" class="ck-reset_all"></div>
 
 	<h3>Button: Types</h3>
-	<div id="button-types" class="ck-reset-all"></div>
+	<div id="button-types" class="ck-reset_all"></div>
 
 	<h3>Button: Icon</h3>
-	<div class="ck-reset-all" >
+	<div class="ck-reset_all" >
 		<div id="button-icon" class="wrappable"></div>
 
 		<br/>
@@ -87,7 +87,7 @@
 	</div>
 
 	<h3>Button: Responsiveness</h3>
-	<div id="button-responsive-1" class="button-responsive ck-reset-all">
+	<div id="button-responsive-1" class="button-responsive ck-reset_all">
 		<div id="button-responsive-2" class="button-responsive">
 			<div id="button-responsive-3" class="button-responsive"></div>
 		</div>
@@ -98,28 +98,28 @@
 <h2>Dropdown</h2>
 
 	<h3>ListDropdown</h3>
-	<div id="dropdown" class="ck-reset-all"></div>
+	<div id="dropdown" class="ck-reset_all"></div>
 
 <hr/>
 
 <h2>Toolbar</h2>
 
 	<h3>Toolbar: Text</h3>
-	<div id="toolbar-text" class="ck-reset-all"></div>
+	<div id="toolbar-text" class="ck-reset_all"></div>
 
 	<h3>Toolbar: Button</h3>
-	<div id="toolbar-button" class="ck-reset-all"></div>
+	<div id="toolbar-button" class="ck-reset_all"></div>
 
 	<h3>Toolbar: Rounded</h3>
-	<div id="toolbar-rounded" class="ck-reset-all ck-rounded-corners"></div>
+	<div id="toolbar-rounded" class="ck-reset_all ck-rounded-corners"></div>
 
 	<h3>Toolbar: Wrapping content</h3>
-	<div id="toolbar-wrap" class="ck-reset-all"></div>
+	<div id="toolbar-wrap" class="ck-reset_all"></div>
 
 	<h3>Toolbar: Item separators</h3>
-	<div id="toolbar-separator" class="ck-reset-all"></div>
+	<div id="toolbar-separator" class="ck-reset_all"></div>
 
 	<h3>Toolbar: Multi-row</h3>
-	<div id="toolbar-multi-row" class="ck-reset-all"></div>
+	<div id="toolbar-multi-row" class="ck-reset_all"></div>
 
 <div id="body"></div>

+ 1 - 1
packages/ckeditor5-theme-lark/theme/components/button.scss

@@ -77,7 +77,7 @@ a.ck-button {
 		float: left;
 	}
 
-	&.ck-button-with-text {
+	&.ck-button_with-text {
 		padding: ck-spacing( 'small' ) ck-spacing();
 
 		@include ck-button-icon {

+ 1 - 1
packages/ckeditor5-theme-lark/theme/components/icon.scss

@@ -8,7 +8,7 @@
  */
 $ck-icon-size: 20px;
 
-.ck-icon-manager-sprite {
+.ck-icon-manager__sprite {
 	display: none;
 
 	* {

+ 1 - 1
packages/ckeditor5-theme-lark/theme/components/reset.scss

@@ -18,7 +18,7 @@
 }
 
 // Reset for elements and their children.
-.ck-reset-all {
+.ck-reset_all {
 	&, *, a, textarea {
 		// These are rule inherited by all children elements.
 		border-collapse: collapse;