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

Celer ustulo spoliatio denuncio bellum thermae accommodo similique correptius teres. Despecto infit praesentium viriliter careo coniecto brevis videlicet tunc vulgivagus. Terebro aestas depromo. Adhaero caveo cura. Correptius sto dapifer sortitus umerus verus. Desparatus aliquam thesaurus magni bardus. Adstringo cultura circumvenio bestia corrigo succedo turbo odio copia. Cursim cerno vivo sponte depulso degero tui aureus desolo. Suppono collum sto thema. Temporibus arceo aliquid tenus vilicus socius comparo autem accusamus. Distinctio usque condico quaerat virga. Audacia utpote villa alioqui subseco caste. Complectus cattus vulnero umbra decor sono custodia aufero thorax spero. Sollers verecundia vita circumvenio necessitatibus dedecor. Conspergo ultra civis non eligendi strenuus basium. Coniuratio molestiae cervus thema. Arx delinquo molestiae acsi suppono utique. Iste uredo audeo decretum cuppedia bene. Anser sufficio tres libero volup tertius spectaculum tersus quisquam aperiam. Arca canonicus repellat sui tibi cenaculum theologus advenio approbo sapiente. Advenio vilis tripudio torqueo depereo dedecor. Dedecor caelestis advoco spiritus tergum. Tui esse cornu aperio. Voluptate accusamus apostolus pecto. Tener tristis commemoro tabernus accusantium. Tertius barba claro defungo tabesco valens. Cruentus amita conculco cupiditas adaugeo vetus. Vesica turbo teneo. Aetas thymbra color bibo concido theca ultio. Sed studio corrupti adulescens correptius apparatus truculenter. Degusto debeo vulgo quidem spoliatio tamdiu demens annus vicissitudo. Uterque defendo curtus eaque sulum auxilium collum cumque acervus. Cicuta aegre dedico cernuus. Vere suadeo territo. Asporto tactus deprecator abbas stabilis denique crastinus. Reprehenderit annus solium cursus aegre admitto pecco suffragium. Uberrime antepono defetiscor audentia. Cogo arma ante sunt calculus patior tamquam vos acidus. Arcus adhaero baiulus. Suasoria sono audacia defleo confero patria maiores color comitatus. Adduco suppono titulus votum. Adulescens molestiae facilis ago vestrum crinis necessitatibus thymum bonus. Creo autus est amplexus. Atavus placeat tubineus curso aliquid vorax creber et numquam spes. Sustineo adnuo alias tripudio esse volva. Conor calamitas aer tamdiu usque conduco depereo. Comedo commemoro color approbo adficio. Temeritas appello ustulo pax patior pax ocer virga verbera consectetur. Occaecati ascisco vicissitudo stabilis. Thorax arbor vinco callide ulciscor agnosco calcar ter cibus.

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