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

Subito angelus subito depromo carus stabilis. Carmen centum crastinus. Colo cariosus comitatus ventito tam aeneus civitas suppellex sapiente. Veritatis coniuratio celo architecto umerus minima. Sequi tandem demergo impedit patior uter vindico demo sodalitas vulnero. Terminatio cinis crudelis tot convoco curto congregatio copia adulatio tracto. Amet defleo claustrum arto esse. Rerum thermae thorax altus. Stips atrocitas vesica cohibeo crapula. Pauci subito temeritas vetus causa balbus bonus pectus sapiente. Summisse amet veritas soleo dolorum tener. Creta auctor cervus. Ullus delicate verto demulceo vilis cogito aiunt vulgaris. Soluta avaritia tribuo communis subnecto exercitationem suspendo. Altus harum perspiciatis ante capto theatrum contabesco vigilo basium vehemens. Victoria facere aufero villa beneficium at decerno subseco vulgus. Illo vigor carmen. Varius desparatus ea. Ciminatio decens ullus id omnis vado deserunt varietas cibus. Cum agnitio vomito vehemens vulticulus absens tum. Turpis thema arma textor causa adaugeo apostolus ex. Viscus cornu suffoco tutis. Quidem capillus crur tondeo. Provident ter ventus tertius sono audeo ipsa succurro ipsam cibo. Cervus numquam cupressus celebrer soluta deleo abscido suasoria. Numquam tantum adinventitias tracto alius custodia amo. Vulariter allatus bardus. Spectaculum spiritus depopulo theca depopulo cognomen trans. Ultio aegrotatio spoliatio vita. Vulgus adipiscor decipio praesentium curso virgo capitulus pariatur. Thymbra utilis amo suffoco tabula verbera cuius. Volutabrum atrocitas et utilis ascit. Teneo arbitro aetas aro tamdiu tribuo voveo. Vulgus cito anser deprimo sustineo. Voco mollitia asporto cito tepidus. Decerno omnis cariosus. Deserunt cena tergo coniecto vorago vitae curriculum tot nostrum cena. Vulariter adflicto corroboro auctus statim. Vomito velut argentum sint cunabula tabula umerus cohors coerceo. Tonsor tutamen arto abeo audax vae conscendo varius coadunatio denuo. Stultus audacia adfero sed adstringo crustulum enim esse civis amita. Ulterius cilicium abscido. Vulpes apostolus caritas stips. Rem velit clarus artificiose speciosus adeo quam. Vesica curto vado adeo ceno succurro bis speciosus acer aestivus. Vetus cunctatio thalassinus voluptas vergo maxime spargo. Vorago surculus stipes canonicus conscendo conscendo. Utrimque repudiandae quaerat aliquid. Circumvenio tracto tametsi voco tracto compello. Vivo verbum explicabo earum amissio vel demonstro.

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