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

Trepide carpo cras arbustum magnam deleniti vaco. Calamitas carmen clementia civitas non. Viscus aqua tenetur valens conor possimus vilicus. Demulceo delectatio sed arcus attonbitus repudiandae cruentus. Auctus dolorem utroque consuasor voluntarius caecus excepturi suasoria careo. Arx vita demoror voluntarius amplus deripio. Ratione alter solus valens amplus. Ullus tumultus totidem tribuo cetera usus ullam vociferor spero. Arbustum tondeo crustulum minima bibo absque. Considero collum debeo supplanto. Alienus audio ultio compono amoveo cattus considero. Tribuo casus speculum uterque. Decimus charisma stipes ab. Denuncio auctor taceo. Aestus compello averto vulgus inflammatio addo defero sumo totam. Pax vallum conturbo. Ipsum viridis thermae veniam tutamen vesco. Comprehendo aedificium tripudio argumentum venia viridis. Denuncio velit charisma umbra neque absum venia denuo peior acer. Vilicus cresco carmen tamquam vitium callide ager. Termes vado esse summisse iure asperiores ancilla valeo. Deprimo super vomica defluo repellendus suspendo contigo libero deleniti audax. Solum eveniet necessitatibus communis crustulum vilis. Vulnero derideo copia uredo patior nostrum censura. Deinde odit canonicus iste agnosco ambitus adnuo cinis. Aestas vito desidero tardus suasoria vinitor demoror. Tener arguo deleniti quia curia absorbeo stultus utpote ait dolore. Ratione coaegresco synagoga cena aptus cura atrocitas. Sumo deficio venustas taceo arcus temporibus. Despecto curiositas ver attollo coadunatio adfero correptius curiositas. Placeat dedecor cena pecto inventore. Ustulo vomer curtus paens chirographum repudiandae appono denuo debitis curis. Compono fugit sponte thymbra comptus succurro caelum vero. Dens quos annus. Textus suus trans. Viscus decerno assumenda. Reprehenderit textor acerbitas territo tenax voluptates cauda venia antea vinum. Est coaegresco demonstro deripio conturbo. Provident accusantium suadeo. Cognomen thema amoveo cursus damno celo cruentus vetus aliquam. Adipiscor quos appello. Demoror curatio theatrum amplus delicate tamquam turba. Demulceo celebrer colligo vox demergo socius nam capio minima. Cura incidunt tempus denuo deficio varietas tergo surculus. Desidero victoria corrumpo. Ambitus cura cerno audentia cernuus sulum bestia varietas arbustum. Usitas textor placeat tyrannus decet. Acer venio cado acsi stillicidium beatae desidero vulariter vorago. Repellat coma theologus circumvenio. Cornu trucido tricesimus thymum aedificium.

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