Do you plan on of­fer­ing drop-​cap capabilities?

No. The gen­er­al phi­los­o­phy of this plu­g­in is to en­able func­tion­al­i­ty that is oth­er­wise un­avail­able us­ing standards-​based web de­sign. Drop caps can be im­ple­ment­ed us­ing CSS. Here is an example:

/* drop cap */
.mainContent > .header + p:first-letter {
	/* assumes paragraph line-height is 20px and font-size is 14px */
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 6px 0 0; /* for Firefox: (line-height - font-size) */
	font-size: 70px; /* (3.5 * line-height) */
	line-height: 49px; /* for Safari: (3 * line-height - 11px) */
	text-transform: uppercase;
	vertical-align: top;
}

Class names and di­men­sions will need to be ad­just­ed to your spe­cif­ic application.

mnd.sc-Admin

More posts