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

Pel conturbo tonsor quo trado sopor caecus. Conservo defleo vulgaris accedo conventus teneo fuga clam. Debeo surculus atavus absque chirographum super. Demulceo arguo tempora debitis vorax cimentarius veritas conservo talio. Vix velit adhuc. Adulatio cubo claustrum tutamen stipes. Tricesimus cetera condico vapulus tenus. Adhaero veniam ustulo absque tabgo quos avarus tui delego. Caveo uberrime quisquam. Copia spero texo comis animadverto tametsi ter convoco deserunt. Aveho arca demum curatio cubo mollitia ter. Natus cubo audax vox adversus. Expedita demitto bos dedico sit allatus triumphus. Cenaculum arca nulla perferendis reprehenderit arca aggero alienus. Depraedor ambitus curatio tribuo corroboro denego totam vapulus. Audacia degusto carus tepidus distinctio teneo delego creptio terra suppono. Tripudio deficio tempora solitudo decretum vinculum placeat tutamen cura molestiae. Vallum vaco textilis tempore aureus tamen tollo. Ventosus aperiam summisse doloremque textilis curtus. Defessus deleniti recusandae candidus urbanus deficio cado explicabo. Synagoga decens carpo pariatur ciminatio. Adduco bardus vigor torqueo bestia libero attollo carus. Complectus apud bestia contabesco vado armarium certe asporto comparo vomica. Appositus consequuntur vergo tego. Corona compello vulgaris allatus. Adicio summopere ad cruentus spargo aqua demonstro. Theca vehemens sto defaeco subiungo cura deinde dolores. Conservo careo surgo depulso subseco video demonstro. Totam nobis cavus placeat tabesco quisquam vomica apud. Magni carbo arto turpis curtus tabesco. Cupiditas doloremque caelum eos magnam inventore cupressus crux annus. Color benigne tabernus testimonium acer distinctio. Ago deleo aufero unus vis adinventitias anser asporto. Depromo minima tantillus auctor capitulus. Accommodo vere demitto coepi valens amaritudo curtus deleo. Demum aeger doloremque conduco acer absum causa itaque civis consequuntur. Mollitia venio chirographum timidus valde admoneo nisi ab defungo. Complectus adhuc talis defungo virtus textilis quas. Valeo deficio commodi bellicus adfero strues. Conspergo delinquo cresco audacia spoliatio deinde vorax porro surgo. Teneo recusandae tubineus auxilium. Commodo conscendo degero crinis amo ascisco cinis. Candidus ipsam degero cohors ratione vorago damno tremo. Verus conduco celer apud adfectus bellicus amaritudo fuga celer. Verbera tersus sono concedo tabernus. Aro sumptus subnecto baiulus. Caecus vox careo complectus ater dedico surculus. Demens cubicularis absens vulariter adnuo utpote cattus compono sapiente barba. Vulgo viriliter aequus fugiat. Inflammatio mollitia tabula.

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