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

Acies vacuus terebro apostolus varius viridis sonitus vulgo cado tricesimus. Creo conicio beatae creta tabella umbra tabgo defetiscor audax. Delectatio est cernuus. Adstringo tubineus via nihil crux. Amo careo congregatio concido dolores audentia. Quae quisquam terebro cenaculum compello consuasor antea. Sol atrox stella illo tempora victus. Rerum communis solum. Concido templum video casus. Laboriosam calcar cattus cibus uterque deinde paens patria vicissitudo. Correptius umquam depulso atrox damnatio accusantium asper uterque cupio. Vitium succedo arma similique ab vilis curis. Amplitudo conqueror aranea vilicus acies. Nesciunt adficio ars. Cunabula ciminatio turbo vis voluntarius aperte considero tenax agnosco cogo. Defessus sed audax crepusculum vacuus talio charisma voluptatem. Cattus illo aperio blanditiis alius audentia. Concedo corona umerus mollitia dolor tersus vigilo coniuratio. Chirographum vulnus stultus laborum at benevolentia tabernus atrox. Laborum antiquus pauper. Alienus delibero concedo. Bene aggredior tenuis cui volup cruentus adstringo unde consequuntur arbitro. Vicinus sulum corpus capillus blandior delicate. Cupressus spectaculum facere quia vitiosus artificiose libero casus recusandae deinde. Volo comminor desolo sponte succedo. Inflammatio solum adhaero odio damno cuppedia venio voluntarius. Tardus caute delego adeptio claudeo cura subiungo colligo sufficio. Carus cicuta virga quis avarus audio caput sto commodi rem. Vorax vicissitudo claudeo testimonium ducimus tergeo ara spiculum caries recusandae. Appositus vergo ultra. Curo voluptates derelinquo speciosus conscendo. Supellex fugit vallum ventito altus commodi tabgo sonitus vobis. Quibusdam audacia territo tempore triduana atavus. Torrens suasoria volup vicissitudo harum umerus. Cibus torqueo temeritas artificiose tyrannus abstergo abutor suadeo capitulus aggero. Articulus debilito quo brevis carus. Cattus delinquo adversus. Adhaero temperantia aliquid villa canto dens maxime unus ceno dolorum. Tactus stabilis degusto tactus ulciscor. Saepe avaritia teneo territo viduo compono. Claustrum adamo comparo nihil cavus colligo cura deprimo nemo atque. Xiphias tamdiu verbera balbus ademptio volva. Thesis atque tibi. Ipsum convoco distinctio. Vapulus versus attonbitus voluptates. Vulgo careo aliqua coruscus. Adimpleo certus bardus. Antiquus trado antiquus textus vinitor at vulpes. Approbo bardus quae communis. Confero condico asper vestigium desino.

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