Helpers

CSS helper classes.

---

Examples

Margin bottom for block level

To keep the same bottom space of block level element or layout, use .rd-block-level-margin-bottom class.

So, you can put this class into any element you want the same bottom space as block level element.

Source

Margin bottom for content level

To keep same bottom space of content level element or paragraph, use .rd-content-level-margin-bottom class.

Source

Clear float

Use .clearfix class to clear any float CSS.

Source

Screen reader only

Use .screen-reader-only class to show for screen reader only.

This is normal text. This is "for screen reader only" which does not appears on screen.

Source

Fade in/out

Begins with element that contain .rd-animation, .fade classes.
To fade out add the .fade-out class, to fade in just remove the .fade-out class.

Source

<div class="rd-animation fade">Fade in</div>
<div class="rd-animation fade fade-out">Fade out</div>

Responsive visibility

This text ->was hidden<- hidden in all screen sizes using .rd-hidden class.

The text below will be hidden and visible in different screen size. Try to resize the browser to see it in action.