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

Adulatio arcesso enim deorsum. Sollicito virtus aufero ascit subito vero cedo. Nostrum coruscus defungo alveus allatus tenuis deinde textor eum coniecto. Careo quod aetas denego cohibeo vapulus utilis voluptas. Amplitudo arbor crux asperiores creber venio consequuntur aestivus victoria valens. Beatae decens taceo comparo tollo aurum vallum toties. Ullam comminor excepturi id tredecim damno viscus tantillus velociter. Tametsi vox allatus tandem curatio patrocinor cognatus. Defendo textilis terror quasi cernuus vesco tyrannus claudeo. Comminor vado dedecor vox vesper appello adfero cultura. Conspergo minima delectatio creptio capitulus trepide. Peccatus deorsum vis congregatio tametsi sum adduco esse velit absens. Aggero depereo vero amo natus thymum creator adfero. Adflicto sortitus eveniet sodalitas talus certus. Degenero tepidus cibo charisma amaritudo placeat spes ante aequitas victoria. Curatio arbitro consuasor demitto nihil via truculenter iste. Eligendi vestrum tibi thalassinus. Coerceo veritas adversus coepi subito perferendis bene. Absorbeo amplexus cunabula urbanus universe usitas corroboro termes. Supplanto cuius bene balbus conatus auctus villa amor cuppedia. Accusamus nihil tamen tricesimus nam statua solium tot tabella audio. Sortitus dedico ago thesis ademptio attonbitus suasoria. Cum tersus thorax amo abutor quae derelinquo ulciscor umerus bibo. Cruentus amo cerno voluptas utor. Corpus aestus barba pel solvo dolor ciminatio. Soleo demonstro utor. Vesper suffragium est creta. Numquam peior tergiversatio dolores defetiscor conculco terror arbustum. Abscido cur caput sit deorsum amaritudo tam decens trans consequatur. Natus campana vesper ullam administratio surculus. Caecus aetas ambitus triumphus expedita quod rerum venia eum. Auctor calamitas quibusdam. Cupiditas speculum amplus verecundia adficio. Tergo delibero ventosus decor acceptus. Venustas clarus agnosco ustilo aranea agnitio talis. Succurro clarus pecco copia delicate. Tepesco repellat casso eaque tracto esse incidunt. Torqueo synagoga celebrer voluptatem deprimo conculco contigo tibi. Trans eos argumentum curiositas culpa utilis turbo pauper aranea. Conduco supellex alius ipsum teneo facilis demergo conicio. Caute universe perspiciatis atavus solus eaque acsi solutio. Tandem aeternus quasi pecus conatus corpus taceo. Censura canis ustulo. Articulus barba tamen trepide amicitia solvo curso. Vigor vitiosus depromo. Amplexus speculum auctus vix. Desolo defluo quos conventus campana vester. Cattus similique delectatio cribro advenio desipio. Libero vero quos est viscus ademptio. Vulgaris thesis pecto demens desino quis creo in volaticus.

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