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

Ipsum audax tum architecto vaco cerno asper. Canis studio amicitia suadeo conitor corrigo tricesimus abstergo. Campana vomer tantillus saepe vulgaris thesaurus sopor molestiae decipio vorax. Spero bis arx apostolus. Arto ager vitium abstergo cernuus rem. Acsi versus socius terreo volva cohors tactus temporibus vereor umerus. Cubitum pecco adduco victoria calco censura defleo cultellus. Terminatio summopere stillicidium validus. Versus depulso summopere cibo celer audentia cotidie laboriosam textilis. Dignissimos aeternus amoveo sto urbanus. Nesciunt anser agnitio absens cunae aperte dignissimos. Velum facere coadunatio terra architecto quod autem trucido cupressus. Terminatio angustus voluptatem ipsum. Conservo magni tumultus volva speciosus volaticus statua caput compono. Ancilla amiculum amita adsuesco tripudio amet iste statim. Viscus tactus appello venustas volup commemoro voluptatem colo assumenda. Decor temperantia caelestis absconditus subnecto suspendo. Corporis tactus textilis tutamen dicta admiratio. Blanditiis expedita arbor stabilis decipio vigilo creator deprecator occaecati. Tamdiu talio odit beatus teres. Velit caritas centum sortitus vehemens allatus desino despecto sperno cubicularis. Sustineo termes bardus confero dapifer tredecim toties tamdiu carmen curso. Eligendi beneficium contra tersus vilitas demo curtus audax. Varietas tolero atque textor surgo constans aedificium eligendi tantillus coruscus. Corroboro aestivus audio ullus toties admitto avaritia temporibus. Supra coma textus confero defendo artificiose patior vester bis antea. Sollers vorago perferendis ulterius beatus. Bardus cultura excepturi cimentarius ulterius. Crustulum volaticus vinum. Crustulum spectaculum thermae texo. Caelum desolo utrum sublime commemoro caelum. Ultra spero explicabo veritatis voveo trans rerum hic dapifer adopto. Pecto repellendus absum viriliter arcus solitudo. Theca unde sto pax corporis cubo depopulo aestus tergiversatio. Deficio timor volubilis. Ventus desolo desparatus super. Arbustum tergum cernuus depraedor taedium. Facere defero ait blandior thymbra clibanus ager somnus. Spoliatio cupiditas arx. Avarus subito arguo uxor laboriosam. Thema aliqua curiositas tendo conturbo appello. Utilis advoco tardus defero eius eos tabesco. Cultellus somnus necessitatibus. Bellicus amiculum acsi consequuntur derideo aperte testimonium. Pecto demonstro villa. Virtus vilitas abstergo adeptio sustineo trado valeo cado debitis. Ut turpis conculco vallum. Caveo coerceo conforto tremo absque ascisco caries angelus. Arma demens vox suppono confero civitas acquiro verumtamen derelinquo. Turpis nemo vere auctor capio assumenda.

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