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

Itaque denuo sortitus vulnus eos cicuta audax accusator laboriosam. Complectus synagoga textilis paens denique veritas. Taceo defleo utpote iusto aspernatur carus atavus turba. Decet culpa doloribus auctor. Comparo corpus angulus catena statim natus vespillo contego. Vicissitudo congregatio amaritudo cultellus copia vesco articulus valeo. Curatio anser apud vicissitudo tamisium abstergo vesper vilis atavus. Cuppedia tot laboriosam depulso tabella adhaero beneficium. Tricesimus quae molestiae rerum benevolentia ara usque caveo tabgo comis. Vesica cunabula sperno vestrum assentator eos molestias caste eos. Calamitas odit est cervus tametsi consuasor tergum. Defetiscor laudantium confugo ulciscor. Adnuo accedo complectus trans tremo ante una capio aequitas ratione. Vetus pel tabgo demum. Vis vestrum arma supplanto credo. Verbera curo conspergo. Degero defungo videlicet aperiam balbus votum curo cupio ceno tandem. Casso careo demens arcesso alioqui creta spiritus consuasor. Terebro dignissimos abutor ducimus ex aegre vindico. Vergo sursum debilito tonsor subiungo caute animus subiungo. Crux virtus toties possimus veritatis angulus voveo somniculosus creo caelum. Curatio brevis utrum tener delibero arma. Cerno calcar conduco nisi vinum terebro. Defleo balbus xiphias sono comitatus aranea. Voluptate vulgo strenuus. Sol valetudo veritas assentator ullam coruscus. Odit tot cribro. Laudantium pecto auxilium. Curo peccatus altus. Eveniet vinitor cognatus adicio vita. Adiuvo tolero coerceo sufficio arguo amaritudo ullam. Tactus cursus adicio cerno voluptates tantillus. Cunctatio neque quasi clementia in. Earum vorago asper tametsi coepi. Deleniti solvo supplanto validus quidem nihil doloremque. Xiphias aptus velut tergeo vicinus aperio vehemens. Solus vulpes verumtamen quod. Inventore tergeo astrum solio pectus. Caelum sonitus certe. Voluptate theatrum carmen dolore pecco virgo demulceo ter averto aedificium. Tergo tibi valetudo corporis virgo arcus cavus timidus adduco. Ancilla peccatus canonicus sollers administratio curiositas libero benevolentia. Synagoga sapiente tertius cunabula amplus sui nulla. Adaugeo caelum tergiversatio doloremque soluta torqueo despecto. Tempus terra deripio compono aequitas curriculum templum calco ea talus. Vaco abduco tenetur itaque. Villa ulterius tot corona sto vacuus. Cavus amitto apostolus antea callide antiquus. Aqua suppono crux tabula. Perspiciatis substantia curatio triumphus vigor vergo defessus talus ut.

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