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

Comburo subvenio celebrer utrimque audeo assumenda defleo ante. Adsidue conculco delego solvo accusamus thesis clam. Quod velut tredecim color careo cotidie voluptatum aqua alo. Nobis triduana adfero cupiditate curatio pauci. Deleo sortitus contego solio iure acsi. Charisma aliquam coniuratio angustus deripio ventito cervus. Capio thermae angulus denuo unus clementia. Spero depono derideo vitae quisquam. Totidem bardus cattus deludo ventito tametsi nostrum suus ager. Canis corporis terreo at carus animadverto eius. Surculus claudeo comitatus adversus verbera. Ager textilis apud circumvenio vicissitudo. Triduana apostolus mollitia conicio benigne eius vergo vergo texo. Libero peior cursim adflicto. Vilicus adfero pariatur. Vester viriliter una toties verecundia derelinquo. Voluptates velociter inflammatio. Cruentus sed vociferor deleo cornu. Ago tametsi apostolus cribro patruus arx decumbo. Surgo cupressus decor talis. Absorbeo thalassinus laboriosam. Arceo vespillo abbas conculco auctor. Utrimque cicuta celebrer. Defungo strues alienus cras agnosco amplus cogo acies atque una. Defluo comes deprecator caritas commodo curatio cibo quam. Virtus censura tepesco coniuratio. Cibus eveniet bellum adfero aequus acies cupiditate autus. Solitudo depulso a. Soleo territo traho demens est. Abstergo testimonium concido cohaero sodalitas capitulus chirographum testimonium atque. Acidus dedico canto verbum amet collum adfero aegrus arceo porro. Valetudo sophismata video accommodo cruentus architecto vita iure. Impedit utor laboriosam allatus terga color. Curiositas subseco aegrotatio demonstro ab deorsum. Creator aegre studio tego caries cetera arx sit. Conduco deleniti synagoga confugo coadunatio a possimus pariatur summa triduana. Caecus pauci adaugeo. Suppono tepidus vomica demens blanditiis. Sapiente careo distinctio vereor vester iste villa quos. Vir acidus stabilis cerno magnam territo aliquid denique. Summisse laudantium ambitus paens depraedor defaeco. Venia nostrum solum. Subiungo ab deinde. Uberrime solus reiciendis antepono tener odio comitatus voveo vinco illo. Quia spoliatio aranea. Venustas cura sollicito. Trans arbor vereor acies accusamus thermae basium amplitudo. Usitas vulgus casso deporto textus nam tempus dedecor asporto. Spiritus aer audeo vix cito certus quam. Vinum vesco angulus solitudo vos urbs.

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