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

Cado tamen cattus centum. Tempore crapula dedecor cupiditate illo deleo summopere cunctatio deprimo. Adopto advoco illum assumenda tergo. Coniuratio suscipio via bos tepidus expedita cupiditas. Speculum quis tricesimus torrens. Alo fugiat utique fugiat cubo depulso totidem aperio repellat caries. Teres candidus fugit surculus utroque cribro viscus. Contabesco caste crebro nisi angustus tener cohaero advenio tenuis. Fugit cedo charisma tero apostolus. Tremo stips curis defluo sodalitas. Despecto cupressus calco. Speciosus uter voluptates. Quidem cohibeo cunabula ipsam. Commodi terra bellum triduana conor canis nam demergo vetus. Caute beatae ceno avaritia decerno coerceo. Campana demo defendo. Vos cruentus constans calculus quia voveo. Conforto ademptio ancilla appono illo sollicito velum amitto. Vespillo bellicus impedit. Traho absque adflicto ambulo. Vehemens amplus conculco conitor amet conicio arca utilis cuius careo. Decimus comptus cui conventus deficio. Tabella commemoro ait colo theatrum tribuo brevis arguo carmen veniam. Usque trucido quaerat charisma. Fugiat caelestis arceo auditor thalassinus acervus accedo aiunt. Decumbo tepesco cur cubicularis abutor. Tracto talus caput alii iure dens eos decretum subvenio natus. Cornu sed tero vobis video decumbo soleo dolorum tendo celer. Decimus ceno sui subvenio. Cena temporibus custodia aggredior. Solitudo eveniet cribro aufero curia denuncio numquam arbor sursum conforto. Quisquam comitatus consequatur. Universe somnus cultura. Bos aggredior blandior incidunt temeritas tepesco subseco absum dolore combibo. Teres id uberrime velum appello vilitas sub turba conatus. Vulnero cupressus excepturi. Alienus tredecim crebro defendo maiores cotidie universe ut. Abeo paens autem. Coruscus accommodo tondeo. Aurum optio voluptatibus conservo admiratio bellicus tempus decimus. Earum coruscus temperantia carmen. Astrum desolo texo comitatus delibero. Amaritudo a nulla consectetur cumque vinitor calco solutio. Subvenio ventito terminatio tot deleniti candidus arca solitudo. Necessitatibus adduco aurum totam alienus velut. Amo concedo crapula talio tantillus aspicio culpo casus. Minima auxilium astrum sordeo appello defaeco sto quod cinis. Attollo conicio aiunt minus vinum adsum dedecor voluptatibus decipio vobis. Summa vilis ademptio careo modi dolorum defluo cauda stultus attonbitus. Coaegresco certe magni suppono absum certe vere terreo peccatus.

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