Change icon class prefix to editor-icon

lepture · lepture · commit 85c7874e2ce6 · 2015-08-10T10:17:05.000+08:00
diff --git a/src/intro.js b/src/intro.js
@@ -42,7 +42,7 @@ function createIcon(name, options) {
     }
   }
 
-  el.className = options.className || 'icon-' + name;
+  el.className = options.className || 'editor-icon-' + name;
   return el;
 }
 
diff --git a/vendor/icomoon/style.css b/vendor/icomoon/style.css
@@ -25,9 +25,9 @@
 /*
 Instead of a list of all class selectors,
 you can use the generic selector below, but it's slower:
-[class*="icon-"] {
+[class*="editor-icon-"] {
 */
-.icon-bold, .icon-italic, .icon-quote, .icon-unordered-list, .icon-ordered-list, .icon-link, .icon-image, .icon-play, .icon-music, .icon-contract, .icon-fullscreen, .icon-question, .icon-info, .icon-undo, .icon-redo, .icon-code, .icon-preview {
+.editor-icon-bold, .editor-icon-italic, .editor-icon-quote, .editor-icon-unordered-list, .editor-icon-ordered-list, .editor-icon-link, .editor-icon-image, .editor-icon-play, .editor-icon-music, .editor-icon-contract, .editor-icon-fullscreen, .editor-icon-question, .editor-icon-info, .editor-icon-undo, .editor-icon-redo, .editor-icon-code, .editor-icon-preview {
 	font-family: 'icomoon';
 	speak: none;
 	font-style: normal;
@@ -37,54 +37,54 @@ you can use the generic selector below, but it's slower:
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 }
-.icon-bold:before {
+.editor-icon-bold:before {
 	content: "\e000";
 }
-.icon-italic:before {
+.editor-icon-italic:before {
 	content: "\e001";
 }
-.icon-quote:before {
+.editor-icon-quote:before {
 	content: "\e003";
 }
-.icon-unordered-list:before {
+.editor-icon-unordered-list:before {
 	content: "\e004";
 }
-.icon-ordered-list:before {
+.editor-icon-ordered-list:before {
 	content: "\e005";
 }
-.icon-link:before {
+.editor-icon-link:before {
 	content: "\e006";
 }
-.icon-image:before {
+.editor-icon-image:before {
 	content: "\e007";
 }
-.icon-play:before {
+.editor-icon-play:before {
 	content: "\e008";
 }
-.icon-music:before {
+.editor-icon-music:before {
 	content: "\e009";
 }
-.icon-contract:before {
+.editor-icon-contract:before {
 	content: "\e00a";
 }
-.icon-fullscreen:before {
+.editor-icon-fullscreen:before {
 	content: "\e00b";
 }
-.icon-question:before {
+.editor-icon-question:before {
 	content: "\e00c";
 }
-.icon-info:before {
+.editor-icon-info:before {
 	content: "\e00d";
 }
-.icon-undo:before {
+.editor-icon-undo:before {
 	content: "\e00e";
 }
-.icon-redo:before {
+.editor-icon-redo:before {
 	content: "\e00f";
 }
-.icon-code:before {
+.editor-icon-code:before {
 	content: "\e011";
 }
-.icon-preview:before {
+.editor-icon-preview:before {
 	content: "\e002";
 }

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ function createIcon(name, options) {`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`45`		`- el.className = options.className \|\| 'icon-' + name;`
	`45`	`+ el.className = options.className \|\| 'editor-icon-' + name;`
`46`	`46`	`return el;`
`47`	`47`	`}`
`48`	`48`
Original file line number	Diff line number	Diff line change
`@@ -25,9 +25,9 @@`
`25`	`25`	`/*`
`26`	`26`	`Instead of a list of all class selectors,`
`27`	`27`	`you can use the generic selector below, but it's slower:`
`28`		`-[class*="icon-"] {`
	`28`	`+[class*="editor-icon-"] {`
`29`	`29`	`*/`
`30`		`-.icon-bold, .icon-italic, .icon-quote, .icon-unordered-list, .icon-ordered-list, .icon-link, .icon-image, .icon-play, .icon-music, .icon-contract, .icon-fullscreen, .icon-question, .icon-info, .icon-undo, .icon-redo, .icon-code, .icon-preview {`
	`30`	`+.editor-icon-bold, .editor-icon-italic, .editor-icon-quote, .editor-icon-unordered-list, .editor-icon-ordered-list, .editor-icon-link, .editor-icon-image, .editor-icon-play, .editor-icon-music, .editor-icon-contract, .editor-icon-fullscreen, .editor-icon-question, .editor-icon-info, .editor-icon-undo, .editor-icon-redo, .editor-icon-code, .editor-icon-preview {`
`31`	`31`	`font-family: 'icomoon';`
`32`	`32`	`speak: none;`
`33`	`33`	`font-style: normal;`
`@@ -37,54 +37,54 @@ you can use the generic selector below, but it's slower:`
`37`	`37`	`line-height: 1;`
`38`	`38`	`-webkit-font-smoothing: antialiased;`
`39`	`39`	`}`
`40`		`-.icon-bold:before {`
	`40`	`+.editor-icon-bold:before {`
`41`	`41`	`content: "\e000";`
`42`	`42`	`}`
`43`		`-.icon-italic:before {`
	`43`	`+.editor-icon-italic:before {`
`44`	`44`	`content: "\e001";`
`45`	`45`	`}`
`46`		`-.icon-quote:before {`
	`46`	`+.editor-icon-quote:before {`
`47`	`47`	`content: "\e003";`
`48`	`48`	`}`
`49`		`-.icon-unordered-list:before {`
	`49`	`+.editor-icon-unordered-list:before {`
`50`	`50`	`content: "\e004";`
`51`	`51`	`}`
`52`		`-.icon-ordered-list:before {`
	`52`	`+.editor-icon-ordered-list:before {`
`53`	`53`	`content: "\e005";`
`54`	`54`	`}`
`55`		`-.icon-link:before {`
	`55`	`+.editor-icon-link:before {`
`56`	`56`	`content: "\e006";`
`57`	`57`	`}`
`58`		`-.icon-image:before {`
	`58`	`+.editor-icon-image:before {`
`59`	`59`	`content: "\e007";`
`60`	`60`	`}`
`61`		`-.icon-play:before {`
	`61`	`+.editor-icon-play:before {`
`62`	`62`	`content: "\e008";`
`63`	`63`	`}`
`64`		`-.icon-music:before {`
	`64`	`+.editor-icon-music:before {`
`65`	`65`	`content: "\e009";`
`66`	`66`	`}`
`67`		`-.icon-contract:before {`
	`67`	`+.editor-icon-contract:before {`
`68`	`68`	`content: "\e00a";`
`69`	`69`	`}`
`70`		`-.icon-fullscreen:before {`
	`70`	`+.editor-icon-fullscreen:before {`
`71`	`71`	`content: "\e00b";`
`72`	`72`	`}`
`73`		`-.icon-question:before {`
	`73`	`+.editor-icon-question:before {`
`74`	`74`	`content: "\e00c";`
`75`	`75`	`}`
`76`		`-.icon-info:before {`
	`76`	`+.editor-icon-info:before {`
`77`	`77`	`content: "\e00d";`
`78`	`78`	`}`
`79`		`-.icon-undo:before {`
	`79`	`+.editor-icon-undo:before {`
`80`	`80`	`content: "\e00e";`
`81`	`81`	`}`
`82`		`-.icon-redo:before {`
	`82`	`+.editor-icon-redo:before {`
`83`	`83`	`content: "\e00f";`
`84`	`84`	`}`
`85`		`-.icon-code:before {`
	`85`	`+.editor-icon-code:before {`
`86`	`86`	`content: "\e011";`
`87`	`87`	`}`
`88`		`-.icon-preview:before {`
	`88`	`+.editor-icon-preview:before {`
`89`	`89`	`content: "\e002";`
`90`	`90`	`}`