Blockquote

These classes allows you to display nice blockquote with simple class.

Platform  
css
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Colors (none-exhaustive)

Aut qui dolorum. Vitae natus quod provident suscipit est sunt. Laudantium odio molestiae et consectetur perspiciatis.

Dolore deleniti eos modi asperiores. Est voluptas sit exercitationem eum delectus velit. Illo enim quo deleniti optio fuga quod.

Provident qui explicabo animi ea quos est dicta. Saepe debitis sint sunt quia. Et ratione similique autem omnis qui. Rerum eum id. In vel magni eius accusamus. Quo et aliquam qui corrupti aut aperiam quia recusandae est.

 

Loading code example. Please wait...

RTL Support

Aut tempora voluptatem sunt vel dolores fugit quis. Voluptatem facere qui nobis ad ut veniam. Deleniti voluptate odio ipsam. Natus sunt est et veritatis rem explicabo natus. Sapiente ullam quaerat.

 

Loading code example. Please wait...

Shapes

Quia voluptas omnis est quisquam voluptatem vel eveniet. Optio natus aut assumenda aliquam odit. Eius iure et voluptas blanditiis. Aut aperiam reiciendis architecto et animi qui minus facere aut.

Consequatur ut sit ea deleniti porro aut quis. Eius soluta accusamus rerum voluptate. Consequatur quia esse quia facere recusandae molestiae earum.

Odio reiciendis et dolores. Aperiam voluptatem quas. Quos ut eius. Cumque laboriosam architecto.

 

Loading code example. Please wait...

Scales

Quia quia voluptatum. Exercitationem quo eum possimus culpa sint eligendi odio. Ad sequi nesciunt accusamus et rerum ut id.

Ipsum dignissimos libero laudantium recusandae facere laborum quia. In eum eveniet ipsam dolorum voluptas. Officiis labore dolorem aut ipsam excepturi pariatur inventore numquam maxime. Provident amet reprehenderit quasi.

Magnam sit mollitia commodi deserunt. Fugiat officia tempore incidunt in cumque veniam maiores delectus. Placeat earum laudantium labore non. Quo aut vel reiciendis eos quo.

Aut doloribus quia. Quaerat nostrum animi explicabo. A perspiciatis dolore et quos enim autem nam. Expedita quo eius repudiandae veniam quidem mollitia autem.

 

Loading code example. Please wait...

  Features

  • Support for shaping through the s-shape:... class

  • Support for vertical rhythm through the s-rhythm:vertical class

  • Support for text formatting through the s-format:text class

  • Full RTL support

  • Support for scaling through the s-scale:... class

  • Support for colorizing through the s-color:... class

  Install

  CSS Classes

  1. s-blockquote

    Apply the blockquote styling

  2. s-format:text blockquote

    Apply the s-blockquote styling on plain blockquotes

  3. s-rhythm:vertical &

    Apply the vertical rhythm on the blockquote

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on