Responsive Text for your
SICK Sites

Light, subtle, easy.

Download

Easy to use

Responsive Text is an extremely light-weight plugin (only 2kb!) that assists you when you need help with responsive texts. When thinking about responsive web-design some times you want your text to resize for you when you downsize the browser on smaller devices, but you have to manually downsize all of them for that to work out. So I wrote this plugin for you to easily use and help you with responsive text in the future! All you really have to do is include the varied size class on the element tag of your choice and it'll automatically downsize based on width of browser. Look down for more information on how to use it.

Main Headers


extra-large-header

large-header

medium-header

small-header

regular-header

header (without the class, or h1 tag)

<Source Code/>

< h1   class = "extra-large-header" > extra-large-header < /h1 >

< h1   class = "large-header" > large-header < /h1 >

< h1   class = "medium-header" > medium-header < /h1 >

< h1   class = small-header" > small-header < /h1 >

< h1   class = regular-header" > regular-header < /h1 >

Sub Headers


extra-large-sub-header

large-sub-header

medium-sub-header

small-sub-header

regular-sub-header

sub-header (without the class, or h2 tag)

<Source Code/>

< h1   class = "extra-large-sub-header" > extra-large-sub-header < /h1 >

< h1   class = "large-sub-header" > large-sub-header < /h1 >

< h1   class = "medium-sub-header" > medium-sub-header < /h1 >

< h1   class = small-sub-header" > small-sub-header < /h1 >

< h1   class = regular-sub-header" > regular-sub-header < /h1 >

Paragraph Texts


extra-large-p

large-p

medium-p

small-p

regular-p

p (without the class)

<Source Code/>

< h1   class = "extra-large-p" > extra-large-p < /h1 >

< h1   class = "large-p" > large-p < /h1 >

< h1   class = "medium-p" > medium-p < /h1 >

< h1   class = small-p" > small-p < /h1 >

< h1   class = regular-p" > regular-p < /h1 >

This was made love by Bryan Tran