Blockquote
These classes allows you to display nice blockquote with simple class.
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.
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.
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.
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.
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
-
s-blockquote
Apply the blockquote styling
-
s-format:text blockquote
Apply the s-blockquote styling on plain blockquotes
-
s-rhythm:vertical &
Apply the vertical rhythm on the blockquote