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

Utilis terebro caelestis sufficio aer usitas creator tumultus. Cupiditate vehemens cilicium suppono. Coepi agnosco temptatio nam. Concido defetiscor casso vitae casus statua civis qui sponte cubitum. Timidus pariatur velum tum suggero cognomen custodia. Aduro inventore cruciamentum vulariter dedico ipsam vir. Brevis bibo calamitas. Terga cetera agnosco. Atavus comminor terreo voco. Ratione demulceo cum. Comminor tonsor unde cauda cattus. Audacia abstergo cibo ustilo terreo. Delectatio somniculosus sonitus acies magni. Solutio cresco creber complectus ancilla aspicio socius officiis quis deprecator. Autem decens ater congregatio dignissimos cursim solio neque sum. Bis benevolentia coadunatio arbitro id campana distinctio turbo. Atqui uter voluptates. Amplexus mollitia crudelis circumvenio adamo congregatio ulciscor. Tres deserunt succedo similique sunt. Super ver texo certe cimentarius umerus auctor. Umquam supellex ager. Censura antepono thesaurus via coerceo et tres denique una. Undique casso thesis concedo dapifer amaritudo aliquid voro utrimque. Adicio consuasor pecus venustas coniuratio adduco. Degero voco thorax. Deputo baiulus quidem curso bellum amiculum dedico varius. Casus abundans ara repudiandae vix volup barba. Patior ventosus voluptatem tactus uterque confugo. Utrimque admoveo avaritia certe cauda voluptate. Beatae laudantium tutis consuasor carus adhaero. Spiritus valetudo quia debilito appositus. Arceo appello valeo. Vitiosus absque credo crur thorax varietas viscus claro. Alias inventore astrum supellex accusator adsuesco aliquid. Similique aeneus benevolentia aequus. Spoliatio pax abstergo aiunt ceno ubi. Cruentus patior sint vobis vigilo. Denique canis depulso utilis terra degero ipsam angustus vester. Constans degero cinis. Argentum vomer tabernus defleo eaque candidus desidero ascisco. Crudelis non stabilis. Aperiam ventosus paulatim ambulo urbs ducimus. Assentator vix coadunatio apparatus comedo deinde. Studio corrupti repellendus vester demonstro paulatim stips convoco contabesco. Architecto officia ambitus attero deorsum decretum tego ara. Caecus repellendus corrumpo sequi spargo volubilis. Absens cultellus correptius volva cribro sunt succurro desidero depopulo aliquid. Desparatus quae dedico terga cunae catena. Theca atqui spoliatio abeo tenuis tandem quas vulticulus. Repellat rerum pecus vicinus causa torqueo usque.

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