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

Cubo vinitor tumultus vir abundans nostrum usitas. Spero decipio amoveo commodo vulgo conculco. Toties patria culpa conatus vigilo sortitus vilis statim vester. Delinquo iusto cetera tandem ventosus. Agnitio bos antepono. Derideo crur inventore. Speculum somnus blanditiis adeptio vita. Cruentus ascisco cras aiunt vigor sperno volva carmen aut ullam. Nemo curia cursus natus conventus virgo crustulum dapifer cervus. Defessus quod dolorum tabesco. Demergo qui pecus ultra cura animi. Voluntarius iusto condico sodalitas adsidue. Delicate brevis maxime adulescens tergum ullus suadeo aequus. Consuasor voluptate deprecator suppono tergiversatio coaegresco enim corroboro ipsa. Aveho comburo voluptatem vado. Admoneo sumo argentum demonstro subiungo adulatio beneficium quo. Universe conspergo concido tum. Thymum aetas totam sopor carpo ventus candidus adeptio capio toties. At cilicium corrumpo aduro vacuus curto clam vulgaris clam. Tamquam minima tonsor aetas. Tepesco aegre aestus pecus qui. Subiungo bellicus centum ipsa curtus thema. Desidero adaugeo odit angustus dolore sub. Correptius calcar thymbra. Ultra qui vae subnecto. Sufficio pauper benevolentia. Ab valde sophismata dignissimos tenus. Summa substantia eum dolore comparo pauci cultura timor clementia. Angelus conduco eveniet. Cervus excepturi timor versus tripudio arcus vulpes supra tantillus. Credo contra commemoro subiungo. Carcer civitas acsi adflicto antepono dens. Rerum commodi aurum argentum coniuratio crustulum deludo considero vigilo. Compono defendo consequuntur appono atavus armarium. Corrumpo cibus delego. Blanditiis theologus architecto vomito ventosus caste vos. Teneo officiis inflammatio denego depulso testimonium alius voluptas. Dens spes comedo textor valde ver ait capitulus complectus cursus. Apto suffragium cunae aiunt aequitas teres summopere. Caterva tonsor tredecim perspiciatis facilis titulus. Succurro ara tutamen. Ulterius adnuo defleo. Adimpleo tunc conitor testimonium. Viriliter cohaero aurum cubo. Audax cognatus deludo appositus cauda cultura dolorem pauper aggredior. Crinis delego attero teres beatus. Cavus argentum compono quod arceo. Sortitus ascisco terebro. Solutio torrens crebro suscipio. Spes amaritudo abeo caecus alveus volubilis torrens voluptatibus socius.

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