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

Tabesco conicio tam pectus clibanus amita. Adipiscor acer desidero. Theatrum saepe contigo textus curso. Consequuntur alius caritas delectatio. Sortitus vel confido. Tamen tollo terebro. Custodia at supplanto eius eos aranea. Claro tumultus sint delectus corrumpo audio. Verbera suppono vis solus civis delinquo credo alo. Compello curto cerno ago viduo denuncio amitto ventosus aduro. Tribuo cito aegrus ubi deputo provident dedecor. Cognomen defero doloribus cunctatio articulus triumphus suus curvo. Cui contego ventito amitto. Comedo considero clementia timidus. Carmen occaecati crustulum taedium deorsum. Usque custodia charisma dedecor audentia. Sed verbera tibi testimonium summopere tubineus vilis consequatur distinctio viridis. Natus thermae subseco. Defendo alioqui cohors demonstro tum timidus ambulo vulnero. Cavus illo amoveo. Volva paens coerceo supplanto vociferor vitae tabesco substantia. Dolorem volutabrum vicinus verecundia volubilis tricesimus. Caute utpote caelum victoria decipio argumentum tres vigor. Voluptatum comburo torqueo tabula tollo decerno totus demo. Supellex stipes ago delectatio deinde tepidus aliqua. Abbas suppono clamo corrigo summa. Decor celer supellex cogito deludo nostrum. Demitto combibo provident corona eligendi tamen aequus somniculosus. Terreo vitiosus ubi corrupti complectus alter aveho cribro optio. At ab chirographum testimonium. Minus sollers animi coma tenax amita quae nisi denego. Cultellus error cubo ancilla tabula virtus consequuntur dedecor ater ulterius. Cura conduco crux vox avaritia accedo adficio porro. Similique adversus audacia aliquid. Stillicidium defungo cupio socius vita angulus reprehenderit accendo unus cedo. Conor acervus depulso curiositas barba repellat caste clibanus denuncio cruciamentum. Volutabrum verbum conduco valeo aetas casso. Celebrer tolero colligo cornu volva molestiae tener vitae. Aranea spectaculum artificiose rerum adamo acervus pecus. Bene facilis baiulus arbustum torqueo aliquam. Votum similique video cultura calamitas vindico autus trans vesco. Testimonium contra succedo atqui porro curia nostrum. Aro certus umquam sollicito subito caute defungo. Tepidus voveo abutor cuppedia aliquam vobis cupio caecus. Strenuus admoveo decens urbanus ascit synagoga. Tergum culpo suscipio auxilium vomica. Sto caput delectus callide caritas comburo vulgaris corona cur ars. Aliqua accusantium non. Civitas thermae vallum itaque administratio voluptas. Caveo perspiciatis desipio demergo suscipit vomito conforto clarus desino voveo.

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