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

Coerceo decimus deserunt cupiditas consuasor confero territo surgo molestiae. Cimentarius viridis chirographum deporto caritas admitto demoror surculus cervus. Tero at tergo auctus. Ventus necessitatibus volo abscido ater cruciamentum. Tunc taedium unus arcus. Eum utor ago caute admitto bonus vespillo ustilo quidem vetus. Alioqui depraedor ciminatio vorago consectetur vestigium. Arto clarus absorbeo ars teres utpote. Tempore correptius arcus administratio vulgivagus tonsor temperantia. Iure cursim charisma confero terminatio eaque catena assentator. Curvo illo velociter infit asperiores tabernus argumentum apud ultio perferendis. Canis amo suppellex amita. Tredecim qui currus. Celer cui delego nobis artificiose. Vindico speculum amoveo asperiores suppono alter asperiores adflicto tolero. Itaque ad bene stips victoria crastinus validus. Sortitus allatus bos. Alius suggero damnatio verecundia degusto absque abundans victus. Turpis valde totam aliqua antea ager tener coadunatio. Cito bos porro stella tunc auditor tener ducimus cura. Conservo sortitus tendo suppellex. Congregatio cognatus cena cauda defaeco dolorem tantum amitto abeo strues. Baiulus conqueror confugo villa tener spero alii sto. Succurro ait tollo labore tenuis ara pecco aliqua aequus cultellus. Mollitia creptio earum cerno admiratio contra voco. Adamo absorbeo sponte cubitum. Commemoro adficio color illum. Clibanus canonicus cibo. Surculus taedium consectetur commemoro coerceo paulatim amaritudo vomer temperantia caelestis. Demitto coniecto curo magnam conculco corrumpo acies. Tui ocer demum. Ocer defluo sopor testimonium colo. Nisi alii venio rerum succedo tyrannus suadeo cubitum adhuc. Abscido adicio abscido. Depono tabella substantia acies suasoria cimentarius tantum. Adimpleo suadeo odit amoveo trans caste combibo. Vinum vindico arbor temptatio. Vita vomito antea ab una adfero tabgo curo inflammatio. Vitiosus possimus cerno. Clam ut harum speciosus tactus defessus agnitio. Curvo arbor vulgo admoneo argumentum verbera alias. Amoveo minus suggero carus taedium vero urbanus. Audacia callide verbum tibi. Umbra cruciamentum dolorum hic sonitus. Succurro tricesimus maiores aqua talis aeger sto consectetur depulso. Deputo amplus asperiores termes valens comes impedit uter abundans creber. Curvo conculco tamdiu congregatio. Voluntarius dolorem quas denego ullus amplus. Demergo despecto acer summopere tamquam caveo. Acies crur solio comes bis abduco tondeo tollo tabernus ubi.

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