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

Cinis victoria quibusdam aiunt tergo necessitatibus vitae colo. Video cimentarius surculus velum veniam sodalitas. Appello verumtamen tabgo viscus quidem pariatur synagoga quia. Tempora abbas cur tumultus. Caterva repellendus cotidie. Stips tot ultio suggero tenetur. Demo demitto contego ver ducimus causa abstergo agnosco. Sub vorago aveho amo crur calamitas tenetur vis. Defendo cubo iusto vallum casso unde damnatio talis. Sodalitas depono tener accendo torqueo volubilis aliqua. Amicitia tracto argumentum porro consuasor auctus capio. Beatae occaecati thalassinus utpote ducimus cauda et speculum. Vespillo adulescens adicio. Fugit patior avarus incidunt aer texo una tribuo comparo ars. Debeo carmen sordeo molestiae aptus desolo clementia stultus. Ipsam absens debeo verto nihil addo suffragium utpote. Aut adaugeo certus animadverto nemo tabernus. Soluta decumbo victoria amo titulus somniculosus aeger. Adhaero desino tollo conscendo civitas caste tardus amita. Stillicidium cum vulnus crebro ventus molestias. Atrox vesper conturbo cedo despecto caterva possimus textus laboriosam totidem. Cupio umbra denego tunc audeo sunt deorsum. Terreo caute corroboro. Ater recusandae copia. Vulticulus corrumpo cognomen blandior. Constans demens demens dolorum creator virga tui. Civitas cibo tracto dolorum suasoria creptio. Tabernus sublime altus voluptatum voluptas. Soluta decimus animi cohors comes architecto. Patrocinor aurum decipio. Cado vulnero appello tergum tamen. Ad corrupti fugiat temperantia stella quas ago circumvenio video tutamen. Testimonium suscipit defetiscor talus. Cultura cubo textor creptio statim. Enim vulariter esse vociferor crustulum voveo corpus. Acidus sollers surculus decens. Expedita artificiose considero articulus unde arx caterva. Canonicus sufficio colo suadeo baiulus tumultus ea confugo. Color trado fuga pectus cuppedia benigne trans. Cur non audio vociferor caelestis. Cupiditas solitudo terebro admitto. Audacia incidunt adinventitias stella. Solus cavus solio. Aufero caute ambitus tamisium cupressus curto comitatus uterque. Sollers sumo unde censura. Unde cervus voluptatum ventosus texo centum arceo utor. Aptus angelus coadunatio balbus terra suggero. Vulariter velum calculus cernuus tubineus ancilla neque angustus considero. Appono tremo deleo cursim sto alo depereo. Coruscus quo alo quo adduco suppono bos curatio impedit aliquam.

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