MobileRead Forums - View Single Post - first-line and text-transform

Turtle91 · 02-27-2016, 08:43 AM

Hi 1v4n0,

I use the following for my books. It has a large drop cap for the first letter and all smallcaps for the first line. But Toxaris is correct, the pseudo-elements aren't supported in all readers. I choose not to use readers that don't support it!! lol

Code:

/* First Para in lieu of Drop Caps */
p.first              {text-indent:0; font-size:1em; line-height:1em; clear:both}
p.first:first-letter {font-family:serif; font-size:2em; font-weight:bold; float:left; margin:-.1em .1em -.1em .1em; line-height:1}
p.first:first-line   {font-variant:small-caps; font-size:1.15em}


with:
<p class="first"> (on my first paragraph in the chapter)

02-27-2016, 08:43 AM	#6
Turtle91 A Hairy Wizard Posts: 3,375 Karma: 20212733 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	Hi 1v4n0, I use the following for my books. It has a large drop cap for the first letter and all smallcaps for the first line. But Toxaris is correct, the pseudo-elements aren't supported in all readers. I choose not to use readers that don't support it!! lol Code: /* First Para in lieu of Drop Caps */ p.first {text-indent:0; font-size:1em; line-height:1em; clear:both} p.first:first-letter {font-family:serif; font-size:2em; font-weight:bold; float:left; margin:-.1em .1em -.1em .1em; line-height:1} p.first:first-line {font-variant:small-caps; font-size:1.15em} with: <p class="first"> (on my first paragraph in the chapter)