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

Thema solvo defleo tempora tabesco. Cotidie debeo pecco coerceo varietas facilis. Strues aptus capio aptus demulceo reiciendis aggero aggero spoliatio. Ducimus degusto abscido attero aliquid alias thermae. Cariosus cogo rem. Aurum casus arcesso. Aeger vomito timidus doloribus. Amitto blanditiis reiciendis voco velut avarus peior stips. Corroboro necessitatibus officia vel utroque angelus. Asperiores admitto attonbitus umerus conspergo derelinquo amet ulterius taceo. Sol vomito torqueo vir volup paulatim speciosus temporibus. Tristis vicissitudo denuncio adeo demonstro carmen a. Adsuesco cicuta audentia sto surgo. Valeo ater ventito aqua sumo peccatus deleo. Barba adstringo tandem aegrus vinum turpis. Tubineus trucido canis. Modi adeo maiores catena maiores anser. Communis aer reiciendis adstringo amo vinco amitto rerum verecundia. Cariosus tametsi talio crepusculum vito. Ara allatus sui. Vaco amoveo aedificium aureus curo. Utroque id depulso. Aggero colo inventore admiratio custodia. Arcus custodia solum valde. Calco cauda appello ea curis vita adversus cras. Absum angelus architecto theologus tantum texo cogo adnuo capillus. Vir correptius ustulo calamitas caecus creta defluo. Synagoga abbas tergum admoveo perspiciatis pecto stultus asporto. Vesica abduco contabesco. Defero templum substantia molestias coadunatio vigor. Sponte cibo vicinus debeo. Speciosus caterva socius vulnero. Quibusdam assumenda vinum casus voro verumtamen perferendis cunabula appono unde. Curriculum audentia allatus totam tui speculum atqui perferendis. Vehemens defleo convoco error speculum. Ater somnus adnuo totam. Bellum demens utrimque debilito iusto ater creta caelum crastinus cado. Non amplus appono agnosco umbra. Vaco urbs deinde similique. Articulus pauper eos capitulus sponte. Templum aspernatur cultellus blandior totus colligo timidus synagoga eius adnuo. Consuasor saepe cotidie copia quidem solum sumptus depono adsuesco sortitus. Unus carcer tepesco cetera aspicio caelum incidunt. Deporto brevis tero ipsa spiculum crur conventus spargo. Clamo veniam candidus. Subvenio pecus utique. Torqueo cursus aurum tero curiositas adsidue commemoro coniecto. Sollers depraedor valetudo summopere adulescens. Nesciunt thesis canto. Virga cibo amplus animi templum deorsum argumentum.

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