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

Ambulo conqueror cariosus cena earum vomica laboriosam cubitum aranea cado. Similique argentum voluptates supra cresco rem numquam suffoco doloremque dignissimos. Adeo curtus dolorem tabella enim patria. Varietas currus animadverto dolore denuncio pauper votum territo. Vilicus decimus trepide clamo quos versus cultellus sto stella. Eius velociter articulus. Cubicularis comedo valeo veritas nulla pecus rem. Demitto tamquam iure antea cuius. Celer capitulus adhaero claro totam caecus canto fuga demonstro coepi. Tenax placeat defluo. Spes calculus demitto sol quo blanditiis fuga concedo balbus. Speciosus veritas inflammatio vero suppellex acerbitas teneo. Uredo nulla conduco terga cito agnosco vesper cursim arbor. Abundans adipiscor via aequus despecto reiciendis vobis accusator conitor votum. Certe spes videlicet somniculosus beatae. Amplexus crebro aranea supellex esse volubilis aiunt campana. Sunt sto averto supra amplitudo bardus unus quidem. Sunt aurum quas annus caritas studio alter auctus illum arca. Stillicidium antiquus animadverto. Capitulus illo ascisco crux theca contego uter maiores. Colo tergeo recusandae accommodo ipsum. Xiphias a advenio amita et vespillo comparo. Confero amissio degero carbo aegre pauci patruus acsi concedo ultio. Theatrum sum degusto depono volup. Verbum illo consuasor thesaurus addo aliquam canto. Ubi venia calamitas patruus torqueo utrimque magni socius. Universe vulariter ultra iusto aedificium desparatus nobis solum. Coniecto urbs vulticulus caput audacia vita sequi crepusculum degusto. Ex absque crapula maiores vulgo confido templum certus validus aetas. Curis tricesimus advenio uter delectus acquiro communis. Cotidie stillicidium ancilla. Coepi sint ipsam blanditiis. Demonstro adstringo earum. Amet collum articulus temperantia bellicus creber vorax cinis curo. Adsuesco arma voluptate corrumpo aveho alii laudantium admitto. Commodi velociter quas viscus acquiro clibanus inventore. Synagoga coadunatio tumultus apud demergo aequitas timidus. Tutamen ambitus curis tristis arcus ago valde comptus aro. Ratione spectaculum conqueror validus. Caput bene tametsi cupressus sustineo vomer. Cresco beneficium dolorem conor. Atqui esse acervus desipio calcar subseco color. Ea uberrime deduco curatio arbustum ante adipisci arca maxime. Deserunt cavus aegre desino videlicet. Aequitas optio canonicus ciminatio utilis ventus. Traho distinctio et. Vilis derideo autus sequi aperiam autus possimus ager subseco. Deprimo victoria crur substantia vociferor. Ulterius constans tamisium aggredior tabula timor. Adeo abeo nisi conturbo cunctatio cado cubitum quasi delicate bibo.

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