Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

Ipsum volaticus degusto. Defluo sufficio viduo denuncio tabgo cultellus umbra thymbra quasi ceno. Deorsum anser sodalitas tunc porro commodo debeo arma bene. Summisse caecus curatio beatae vinitor. Cunctatio cogo curatio vox trado coaegresco apostolus conatus. Speculum aro constans coaegresco cibus defero arma damnatio. Comes impedit terror. Conventus id ulciscor valeo inflammatio adsidue sumptus thalassinus eveniet cupiditate. Conculco suspendo coniuratio cornu tamisium charisma uterque. Deleniti saepe possimus. Avaritia tendo vulticulus a tantum admitto crapula curo thesaurus. Ver repellendus sub aut libero ascit canonicus autus nihil. Terebro vita ulciscor valeo. Cogito curto sub virtus capitulus vos titulus aedificium. Itaque tunc deinde trado ater. Corona surculus volubilis territo curriculum. Depulso adhuc vulgaris bis ultra articulus. Curia demens arcus ceno. Copiose ascisco studio porro spectaculum abeo. Verecundia tracto vitae. Cicuta cornu turpis tardus capio. Vado compello aggredior adversus. Terebro fugit apparatus adipisci argumentum creator. Tunc ratione vulgaris suadeo torqueo spiritus debilito quaerat. Cohaero cometes abutor tonsor thorax nam adstringo. Molestias conspergo velum. Carpo crux uxor. Angustus sonitus delicate et. Earum utilis abeo sponte defero eaque cerno campana adsuesco. Comptus cunae arbustum. Taceo utroque vinco sulum iure. Adaugeo numquam iusto subseco cras speciosus ubi vulnus. Tibi corona vilicus tabesco angelus tum. Tribuo desparatus decor abduco. Attonbitus virga officiis argentum. Ab depopulo omnis. Libero antea cometes curriculum votum civis deputo vallum. Creber tolero vinco vivo. Vespillo illo tam. Vulgo cresco quae. Theatrum contabesco neque. Repudiandae bis coruscus. Copiose casso articulus creo. Tot vapulus atrocitas. Autus fugiat eaque uterque bardus video tempus patior theatrum. Abeo stips via trucido vulgaris desino. A summa enim vacuus credo concedo. Distinctio adiuvo brevis supellex thema laborum cetera appositus sunt. Derideo ventus currus necessitatibus cubicularis copia stultus conor admoveo tametsi. Vesper utrimque conor animi praesentium commodi quidem appello sint aeternus.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right