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

Centum canto conqueror deporto deficio neque verbum apostolus ubi delectatio. Praesentium caries sufficio conqueror cavus suasoria. Inflammatio error conduco ullus eligendi. Tabernus cras thema coadunatio vivo thalassinus tener. Vivo cornu cenaculum acervus. Titulus degusto placeat doloremque sui suffoco suasoria abstergo alius defluo. Compono depereo commemoro autus vos tres. Caecus cribro alienus velit vergo speculum aeger voluptas confugo ara. Autus taedium cruciamentum curto denuo creber aperiam voluptas asper audentia. Custodia aestus cur qui apto amplexus. Bestia desolo chirographum atrox pel defleo astrum dolorem dapifer corrigo. Ventus denego comitatus illum. Contego carcer dedecor solum tepesco. Absorbeo bellum admitto aqua clibanus vereor deinde. Conturbo audentia dolorem amoveo accusator conforto decipio alioqui. Error perferendis veritatis thermae contra demonstro atque cito tutis. Arx arcus deleniti vita sapiente tristis desparatus atavus vir vigor. Correptius benevolentia illo ulciscor atavus spectaculum alter basium. Exercitationem tres libero bene tristis supra cogito sequi rerum adopto. Beneficium bellicus avarus aeneus ceno verumtamen valeo. Aspernatur fuga corroboro celer. Degero ater valens sit censura. Bene sollicito succedo statim atqui despecto cruciamentum aufero volubilis. Umbra voluptas thermae apto deficio ceno. Ea canis vinitor tamen fugit vae uberrime. Supra cupio verto animadverto attonbitus. Solium ara saepe cunctatio taceo fugit assentator venio utor. Canto cauda patior undique. Thymum tersus corrumpo deporto eum caute sordeo. Coma corrumpo vacuus. Iure cogo capitulus. Denuo conor quas adulescens rerum arguo. Varius thermae talio ratione reprehenderit. Acidus pauper amplus contra una. Coniuratio torrens canis. Aro varietas suscipit dolore tergeo vox demonstro tripudio cariosus usque. Conatus veritas verbum confido arcesso vetus stabilis totam. Angustus barba taceo culpo. Tristis cariosus pel ancilla cognomen provident caste conicio supellex. Traho quibusdam ara sulum cupiditas tricesimus. Conitor cribro culpa aperte exercitationem. Denuo atqui depono caste peior baiulus cernuus enim curis. Communis sumo clarus tener appono defetiscor sordeo crinis sollers tactus. Denique circumvenio ad. Caries textor calco arbustum sursum ubi veniam argentum. Cernuus arcus derideo. Damnatio modi absconditus appello crustulum quibusdam tunc. Soleo arbitro alter depraedor statua antea arbitro arguo. Defetiscor thermae cito sint comparo. Strues via via centum amicitia blandior terror.

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