dwyl / tachyons-bootstrap

👢Bootstrap recreated using tachyons functional css
http://tachyons-bootstrap.dwyl.com
48 stars 4 forks source link

Create Bootstrap Typography section #21

Closed Cleop closed 7 years ago

Cleop commented 7 years ago
Cleop commented 7 years ago

Bootstrap default for p tags is 14px, equivalent to f6 in tachyons however they apply it to the body and therefore throughout.

Cleop commented 7 years ago

Tachyons does not do justified text for accessibility reasons detailed here: https://github.com/tachyons-css/tachyons/issues/115 Leaving this out of the text alignment part.

Cleop commented 7 years ago

Help cursor is not in the main tachyons, but can be found separately here: https://github.com/mrmrs/css-cursors as cursor-help.

This is used in tachyons on the abbreviation examples.

Cleop commented 7 years ago

The tachyons default is the top version, the bootstrap version looks like:

You can apply tachyons text decoration no-underline, see: http://tachyons.io/docs/typography/text-decoration/ to try and remove the default however it doesn't work. It removes one entry for text decoration but not the second like so:

Cleop commented 7 years ago

Blockquote options in bootstrap look like this:

However the - is achieved using a before:: pseudo element which we cannot use in plain tachyons. For now I will code it in.

katbow commented 7 years ago

merged in #28

iteles commented 7 years ago

Thanks!