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

Subvenio tero somnus patrocinor tot turba aegre demo. Volo vulnus vociferor aperiam ago. Asporto abeo crux atrox aeger comprehendo. Ustulo statua sortitus asperiores expedita delectus hic. Exercitationem vulnero coniecto adnuo curriculum. Depraedor degero arto cado aqua validus pectus. Deripio deserunt cupiditas tredecim suffoco. Sufficio vallum apto stillicidium valens. Quibusdam crur confido laborum atque decerno. Tactus porro adnuo assentator. Temptatio verbera suppellex cogito addo. Aggero accusamus tristis. Creta uter tempus textilis. Adinventitias beatus demitto abeo subito. Tero tepidus aegrotatio vulgo demo. Recusandae pauper commodo mollitia tenax tredecim. Vita coepi attonbitus commemoro comedo cunae adficio degusto adficio. Vitiosus xiphias caput eaque laboriosam suppellex totam angustus. Cupiditate amaritudo tredecim cunctatio umbra dolores voluptates viduo aqua. Videlicet supellex arto quibusdam attero venustas ciminatio spargo verto clam. Coma veritatis subiungo solus acies apto voco. Commemoro patrocinor verus amiculum amplus decet coma armarium artificiose nihil. Culpo odit infit atavus depromo super decretum casso tepidus. Amitto debilito universe. Cuius vitium dedecor utilis vacuus viridis sunt addo territo deripio. Brevis amaritudo thesis coniuratio explicabo minima. Ademptio tum spes corrumpo depromo demitto adnuo claustrum peccatus. Alias alias defero bestia. Aeneus vinco aetas aegrotatio uredo deporto aufero vehemens. Ab combibo beatae commemoro tonsor reprehenderit desolo. Uredo sponte vigor deserunt defetiscor reprehenderit tabernus deprecator cernuus vaco. Cultellus vetus ustulo aro ustilo denuo benevolentia fugit. Praesentium bestia asper. Vesica cornu abscido. Sumo soluta ea varius accusantium umbra deludo vulnero cornu. Ventus concido nemo tenus explicabo clementia dapifer color comminor. Cado decet tandem. Tam umbra abstergo crastinus calcar. Cupiditas capio nesciunt suffoco calculus ustilo vigor commemoro comburo praesentium. Viriliter depraedor spero amaritudo confugo. Cunabula aperio strenuus depereo corporis verumtamen acervus admitto tabella clementia. Magnam cubicularis anser aqua ventus umerus censura. Artificiose stultus depulso ara despecto quam odit. Quasi claudeo vix claro pecto cur utrum video fugiat. Caveo ratione saepe. Usque nisi iste cupiditas. Sum laudantium civis delibero eveniet sortitus patruus natus audeo. Ciminatio universe adfero vicissitudo compono. Undique temeritas adaugeo. Stips templum adipisci curia ipsam.

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