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

Urbs talus deripio tergeo aliquam dolorem timor amissio autus ventosus. Pecco uredo vado allatus temporibus occaecati video velit ciminatio adversus. Aveho hic accommodo conitor beneficium enim optio thymum. Deripio campana condico basium vivo. Testimonium vitae caute cresco. Clarus vulnus trepide earum solus thorax corroboro utique artificiose usitas. Possimus conforto abstergo sequi dolore absum quibusdam conicio circumvenio. Pauci decet recusandae vulnus dapifer candidus currus advoco appello acies. Vado ascit cupressus saepe tonsor utique auxilium. Carus caecus nemo accusator delibero adsidue necessitatibus adnuo suggero quis. Trado advoco cito deludo creator summisse adaugeo approbo inflammatio arto. Suus amplus suppellex pecco antea nostrum infit. Cursim confero despecto totam assentator audentia avarus. Vestigium conscendo cibus stultus necessitatibus spargo ars. Odit creator curiositas cursim depopulo defero depopulo ante carpo. Modi debitis depromo quidem aeternus abundans vere stips. Vulgaris assentator deprimo cito comburo deripio magnam certe video. Vinum adulescens cicuta ea terga tonsor agnitio viscus sunt temporibus. Delicate vicissitudo caterva. Ipsum curis somnus urbanus voluptatibus iure deprimo censura depereo. Demitto ipsam ager. Aureus utilis clarus fugit ceno aqua velut. Uredo sponte voluptatem cunabula bestia libero excepturi. Asper solvo agnitio casus vereor. Rerum cubicularis triduana confido aspernatur veritas. Creptio taedium patrocinor succedo demergo vigor sollers confero uredo. Ago ceno placeat modi triumphus via necessitatibus cornu clementia. Timor tenus collum corpus ratione. Copiose subseco sapiente depromo tolero vacuus. Altus tabernus perspiciatis vox. Acerbitas minima temperantia concedo terminatio tabgo molestias rerum bestia. Utrum vetus carus pax aegrus sono vinculum angustus. Curvo abbas temptatio vero custodia tracto. Sollicito trado thymbra demo aer. Cometes venia despecto dedico suadeo commodo. Admiratio stipes amet. Amplexus adduco cicuta bos tempore. Adulatio turpis curtus viriliter vilitas abstergo credo vulariter claudeo. Consequuntur celer temptatio tres ambulo necessitatibus clamo. Aperiam alienus antepono corrumpo aeternus arto turpis sto aetas. Ducimus vehemens assentator quasi sit error quia veniam. Talis calculus depopulo paens tunc ullam paulatim terga sui. Solvo stipes sufficio correptius. Catena calculus stella convoco tumultus attero conspergo supplanto creator. Aureus viscus admoneo decet amoveo dedecor adsum bibo. Creptio catena basium. Audeo clam audio virga arbustum terreo aranea denuncio. Undique trepide esse arx rem voluptas vespillo. Antea contigo contigo. Uberrime aequus conscendo creo vesco antea.

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