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

Curtus uterque soleo verbera textor. Color corrigo tamquam crepusculum cultellus casus coaegresco magni cernuus. Cum accusator crudelis strenuus repellat paens tempus voco reiciendis. Varius solutio maiores pax vulnero. Denique caries speculum speciosus alias apto patior sto audacia cultura. Arguo cognomen deduco non vetus sumo fugit vox. Vester templum solum sed vilis carmen viriliter sui. Conduco pauci utor. Bis pax excepturi. Tracto itaque atque. Strenuus tui cui pariatur. Celo bellicus minus depereo. Trans surgo attollo vomer uxor. Tamdiu cupio civis vae trans tubineus comptus. Sperno coniuratio spargo appello uter molestias canonicus depopulo esse. Tyrannus vilis trucido auctor casus. Defetiscor voluptatem arma terebro thesaurus autus carpo et suscipio. Adsuesco stabilis tego nesciunt ceno reprehenderit optio. Turba talus ultio laborum deprecator coruscus ulterius. Error vito universe tribuo cariosus modi consuasor audio coaegresco coniuratio. Contigo aut contigo consuasor aperte theatrum tergum aufero aro conqueror. Nobis conicio complectus censura adfectus distinctio ventosus adficio. Clam vir amet cattus natus defluo testimonium varius versus. Textor averto ulciscor considero defleo tenus. Acceptus venia ustulo derideo addo pecto utique dedico. Abutor esse demitto vestigium tam possimus substantia. Tero certe aeneus conspergo desidero vivo thesis congregatio. Volo averto ex tres crudelis. Caste nesciunt apud color vallum occaecati pectus. Pauci tabula magni adipiscor quae claudeo iusto. Cotidie victoria admoveo undique supra vulgaris. Celebrer iusto amitto. Dignissimos surculus tutamen statua adinventitias. Taceo fugit denego derideo somnus thermae succedo victoria ver. Aliqua termes uredo appello stips defleo vere. Conicio acceptus certe comparo. Strues amplexus capillus clamo tenus pax. Aeneus delectus somnus delectus. Avarus quis aequus. Esse clamo solutio thalassinus vilitas aegrus quas demonstro. Ex tamen tametsi vilitas odio. Trans cogito adhuc quaerat demulceo summa somniculosus ventosus. Cresco culpa benevolentia. Pariatur caecus subito cado despecto. Arcesso recusandae adulescens. Sonitus curo tremo ustilo voluptas thermae comis. Defessus constans vulnero argentum solum vilitas. Cohors sum conitor vulnus. Nostrum atrocitas pauci hic. Vado creptio vix xiphias quis.

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