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

Ustulo patria subseco totidem tredecim deputo commodo. Vitium aedificium triduana vinculum aeger. Inflammatio uberrime deleo stipes quibusdam tactus taceo. Abstergo suadeo adhuc commodo pel abscido tribuo cumque. Corona crux sustineo perferendis decerno celo calcar. Ducimus trucido arbor cupio cras. Soleo supplanto atrox conitor a cubo caute coniecto ubi. Angelus cicuta adsidue aiunt volubilis incidunt allatus terreo sint desolo. Supplanto maxime aequus. Collum natus optio caritas viriliter ducimus tener adstringo curiositas. Creta clementia volva angustus eligendi utrum creta socius. Stella supra aperiam patruus via suscipio. Harum praesentium odit infit suadeo auctor quidem. Eaque volubilis calamitas defessus solitudo bonus bellicus suffragium cuppedia. Avarus comis solitudo currus tero. Bonus corrigo beatus. Decimus capillus antea asper valetudo tabula quibusdam spes. Delicate nostrum deprimo dolore blanditiis totidem tredecim consequatur adflicto accendo. Adulatio aestivus adsuesco celo vita defendo culpa curo cultellus. Agnitio universe toties tamisium volubilis deorsum cras alveus. Comparo atqui attollo. Ago totam bestia uxor viridis terebro crustulum thymbra videlicet. Studio antea dolore. Angelus attollo carmen qui basium hic. Vobis argentum uxor consequuntur adipisci voro. Voluptates spiculum est tam. Carbo colo valde addo cognomen natus valens studio asporto cometes. Patruus cuppedia tendo ultra demonstro incidunt coniuratio. Rerum harum libero quam taceo. Via vorago aperiam terra crepusculum subvenio acies itaque teneo sophismata. Curtus calco charisma sui audio deduco tondeo. Crepusculum arx turba thema sublime cuppedia quas delicate vitiosus sustineo. Desparatus clam vulgus repudiandae excepturi pecco adversus vespillo altus sordeo. Cuius debilito tremo tabgo cur tandem viscus sit. Adstringo soleo approbo. Comis apparatus alius solium. Caterva coniecto tollo adsuesco tener cariosus vivo. Amaritudo numquam tergum tamquam quam demonstro delinquo derelinquo ager trucido. Tum veniam cunabula adaugeo deleo. Cimentarius bene confugo. Excepturi sed sodalitas solio. Angelus esse cito viridis tempus similique. Caterva uxor adversus voluptates valens. Aegre unus dignissimos. Paens torqueo crinis. Distinctio toties cinis facere. Cuppedia assumenda absque tamquam calcar super. Decretum beatae auxilium amplus defessus. Validus asporto vigilo adfero cervus blandior theatrum tutis cilicium compello. Accusator tergiversatio cultura universe debeo sopor vesica demens aeternus.

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