search

typeplate / typeplate.github.io

Official Website for Typeplate: “A Typographic Starter Kit.”
http://typeplate.com
Other
1.35k stars 111 forks source link

Pull Quotes Display Enhancement #91

Open grayghostvisuals opened 11 years ago

grayghostvisuals commented 11 years ago

Here's the idea to give more variety with pull quotes in terms of quote placement. This would be done by passing a string of the authors choosing which depicts the location of the quotes.

@include pull-quotes($font-size, $opacity, 'quotes-left');

'quotes-left'
'quotes-right'
'quotes-both' 
'quotes-none'
KittyGiraudel commented 11 years ago

Regarding pull quotes, you definitely should encode “ and ” in the stylesheet.

Safari 6 doesn't like non-encoded symbols in CSS. I had the problem on my own site and on browserhacks.com.

grayghostvisuals commented 11 years ago

@HugoGiraudel So it doesn't matter for Safari 6 even if UTF-8 is supported?

KittyGiraudel commented 11 years ago

Seems so. Here is how I did: https://github.com/HugoGiraudel/hugogiraudel.github.com/blob/master/sass/_helpers.scss#L124.

grayghostvisuals commented 11 years ago

@HugoGiraudel So I went back to Snow Leopard w/Safari 4.0 and it actually does support non-encoded, recognized UTF-8 characters like quotes. This means you don't need \201C as you've been using. You can even go back to the iPhone 3GS and see that it does in fact have support as well.

KittyGiraudel commented 11 years ago

Issue on browserhacks.com: https://github.com/4ae9b8/browserhacks/issues/53 Issue on hugogiraudel.com: https://twitter.com/Macxim/status/311052134051373056

grayghostvisuals commented 11 years ago

Here's an example using Typeplate pull quotes and non-encoded characters in the content: "" property. This was also used for my testing that I noted above. http://cdpn.io/cvqmk

Windows 7 on IE8 still seems to be a bugger.

caycefischer commented 11 years ago

Wow, that's a real shocker to me. I had no idea, I've been using unicode in CSS for ages.

Argh.

Well, how comfortable are we phasing out IE8 support? Personally, I don't mind :P

KittyGiraudel commented 11 years ago

On topic: http://blog.hull.io/post/46243434040/introducing-sass-getunicode

caycefischer commented 11 years ago

That's interesting, very neat. But the premis is flawed—the content value doesn't have to be an escaped value.

– Zachary Kain

Designer, Developer Writer, Educator 416-712-8895 zakkain@gmail.com ➝ http://draftingcode.com

grayghostvisuals commented 11 years ago

Besides all this hullahbahloo I think the :lang pseudo class selector would be cool to use in order to throw the @mixin an argument for languages that have quotes which differ from the standard and depressing english language.