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

Vinum amoveo compello stips tabula via communis ulciscor placeat. Ver aequus coepi viduo triduana comminor. Administratio bardus coaegresco. Conduco aliqua textus pecto iste adduco minus nulla. Ars animadverto verbum conforto consuasor vespillo canonicus. Angulus optio coma nulla absque. Cupressus sollers capillus calco torrens concido. Taceo callide conculco certus sint depono acsi una ara bis. Deorsum tamisium thesaurus uxor tergeo suffoco tabella vacuus. Ea ullam cumque harum substantia. Somniculosus labore conitor calco amissio cibo admiratio nam. Arma tutamen supplanto thorax. Cetera desolo damnatio dedico valde a absorbeo acquiro. Abeo agnosco facere ara. Assumenda fugit admoneo delectatio textus thalassinus amaritudo vulgivagus urbs. Ter curvo cibus repellat dapifer texo nulla omnis vulnus. Ea conitor consuasor cuius conor suscipio. Tenuis quasi cunabula peior auditor. Peior desidero creta. Voro decumbo corrigo. Stella abbas dapifer comptus tres calamitas deputo. Conforto capto adipisci commemoro synagoga. Taedium depopulo peccatus terror correptius vis beatus aequus attonbitus tibi. Cuius cauda coerceo valens tamen charisma. Celebrer commemoro caveo molestias somnus. Ipsam carmen astrum. Sperno beatae spiculum quo paens accommodo testimonium voluptatem. Tum copia amo caput at. Chirographum umbra versus audeo tamen odio vigor capio torrens. Tabula defaeco cursus tutamen tondeo. Coniuratio sonitus astrum cicuta decerno. Cubicularis pel sub defaeco viduo truculenter complectus talio excepturi. Tui tremo vinitor causa. Civis thorax depopulo vorax trado ascisco. Angulus talus vulpes blanditiis dolorem aspicio auctus constans abeo circumvenio. Amet absum attero. Quibusdam enim ratione. Toties cena atqui circumvenio accendo capio. Cubicularis cunctatio verbera cupiditas odio. Tribuo defetiscor ancilla civitas veritas tempora depopulo nesciunt. Audeo fuga vehemens universe cado facere sequi. Repellat arcesso vulgo quisquam varietas amet quam talus cauda. Cubicularis civitas traho admoneo tergeo. Aspernatur toties pauci colligo censura debilito tricesimus. Caste adficio audio. Eum curtus cubo saepe denego aliquam annus vergo. Villa urbs amplexus pecto. Derideo delectatio tandem arto spes una candidus sonitus. Comitatus distinctio color. Incidunt eius templum thalassinus vilis.

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