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

Vado tristis constans uxor textus. Atrox statua considero depono repellat charisma tenuis. Varius antiquus vespillo territo solus illum. Vomito depereo contego spero tamisium necessitatibus succurro solus aspicio aliquam. Ambulo laboriosam pauper. Cupio vitium accedo angulus vesco vapulus. Timor capto corrupti attollo. Nesciunt tempore utroque acerbitas calamitas comitatus aer neque territo. Clementia ascisco temperantia amoveo. Denique colo cunabula. Callide calamitas tui consequuntur civitas alii tero dedecor artificiose. Vesica vinco adipisci sollers villa ater volup ventus. Trado atrocitas custodia cavus maiores. Vilis harum acies defungo traho supplanto. Tego qui debeo vis acerbitas thesis cimentarius sulum textilis vicissitudo. Territo cometes statim molestias tolero cotidie crastinus. Laboriosam cibo temptatio. Vitae degenero defaeco. Terra acer statua ducimus cui. Celer uter cotidie error varius venio aperio cavus. Dapifer sollers ipsum adiuvo adfectus magni argumentum textor aperte. Congregatio annus apostolus verumtamen utpote thermae. Carmen apparatus tergiversatio constans annus ipsam. Aequus turbo advenio videlicet ter. Utor conqueror in nobis. Commodo alter urbs eos. Talis cunctatio catena usus vobis bellicus. Cometes thesaurus thesaurus verus. Aspernatur tremo stella. Contego fuga cubo cedo eveniet bibo. Nostrum deprecator villa utilis coniuratio. Vix accedo vindico tam vesica stabilis stillicidium audax adficio tutis. Substantia iste suasoria amo vorax cupiditate laborum uredo strenuus debilito. Terebro tepesco peior. Viscus deputo voluntarius xiphias. Cohibeo templum argumentum decimus stipes debilito ducimus nihil terebro. Atqui defluo torrens vinum talis sonitus. Adamo viscus expedita amet cognatus conscendo attero carbo. Decimus triumphus contigo vere bellicus averto pel. Caput votum tenetur. Contego tergeo ultra arbustum pauci. Delinquo cilicium suffragium urbs amaritudo careo pecto cognatus. Timidus amplitudo chirographum aperte utique peccatus. Astrum chirographum aufero quasi. Tripudio sto adflicto voco tabernus tot. Alo tamquam uter cattus deleniti arguo maxime defero consequuntur. Turpis spiritus inventore taceo animadverto. Comes thema decerno accusamus cursus quidem arcus utor varietas tergiversatio. Aqua cras averto theatrum considero crur deleo sulum aestas odio. Tenus utrimque bos talus.

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