[Plugin: Basic Comment Quicktags] Why use editor.css?

The /wp-includes/css/editor.css is 48KB in size and except for a few KB everything is useless. Not that the size is huge or anything, is there a reason why we shouldn’t get rid of it?

The plugin also uses its own CSS file (quicktags.css), and all we need to do is add this at the top of the CSS file (code below pulled from editor.css):

.quicktags-toolbar {
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #e9e9e9;
	background-image: -ms-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: -moz-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: -o-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: -webkit-linear-gradient(bottom,#ddd,#e9e9e9);
	background-image: linear-gradient(bottom,#ddd,#e9e9e9);
	padding: 2px 8px 0;
	min-height: 29px
}

.quicktags-toolbar>div {
	padding: 2px 4px 0
}

.quicktags-toolbar input {
	margin: 2px 1px 4px;
	line-height: 18px;
	display: inline-block;
	min-width: 26px;
	padding: 2px 4px;
	font: 12px/18px Arial,Helvetica,sans-serif normal;
	color: #464646;
	border: 1px solid #c3c3c3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
	background-image: -ms-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: -moz-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: -o-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: -webkit-linear-gradient(bottom,#e3e3e3,#fff);
	background-image: linear-gradient(bottom,#e3e3e3,#fff)
}

.quicktags-toolbar input:hover {
	border-color: #aaa;
	background: #ddd
}

.quicktags-toolbar input[value="link"] {
	text-decoration: underline
}

.quicktags-toolbar input[value="del"] {
	text-decoration: line-through
}

.quicktags-toolbar input[value="i"] {
	font-style: italic
}

.quicktags-toolbar input[value="b"] {
	font-weight: bold
}

Or minified:

.quicktags-toolbar{border-bottom:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#e9e9e9;background-image:-ms-linear-gradient(bottom,#ddd,#e9e9e9);background-image:-moz-linear-gradient(bottom,#ddd,#e9e9e9);background-image:-o-linear-gradient(bottom,#ddd,#e9e9e9);background-image:-webkit-linear-gradient(bottom,#ddd,#e9e9e9);background-image:linear-gradient(bottom,#ddd,#e9e9e9);padding:2px 8px 0;min-height:29px}.quicktags-toolbar>div{padding:2px 4px 0}.quicktags-toolbar input{margin:2px 1px 4px;line-height:18px;display:inline-block;min-width:26px;padding:2px 4px;font:12px/18px Arial,Helvetica,sans-serif normal;color:#464646;border:1px solid #c3c3c3;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#eee;background-image:-ms-linear-gradient(bottom,#e3e3e3,#fff);background-image:-moz-linear-gradient(bottom,#e3e3e3,#fff);background-image:-o-linear-gradient(bottom,#e3e3e3,#fff);background-image:-webkit-linear-gradient(bottom,#e3e3e3,#fff);background-image:linear-gradient(bottom,#e3e3e3,#fff)}.quicktags-toolbar input:hover{border-color:#aaa;background:#ddd}.quicktags-toolbar input[value="link"]{text-decoration:underline}.quicktags-toolbar input[value="del"]{text-decoration:line-through}.quicktags-toolbar input[value="i"]{font-style:italic}.quicktags-toolbar input[value="b"]{font-weight:bold}

Consider this a question, and not a suggestion. Just wanted to know why.

PS: Another reason is that the CSS in editor.css is effing old. It doesn’t use border-radius and -moz-border-radius. I corrected these. And I don’t know what else is wrong. Please lets drop editor.css and use our own unless there’s a problem. 🙁

http://ww.wp.xz.cn/extend/plugins/basic-comment-quicktags/