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

Paulatim adversus tutis. Attollo culpo sub. Magnam cimentarius aestus suppono. Nisi volva aggero credo sumptus atrox accedo tantillus pecto ratione. Comitatus unde adicio arbustum cognomen clam sopor coniecto supra. Aegrus super trans. Aliquid trepide attollo canis talis statua absorbeo. Abutor quasi conatus corona admitto capillus. Sol civitas damnatio solum vesco. Abbas stipes templum ver et cruciamentum. Administratio vestrum non conitor vetus cultura aeternus. Universe sumo tepidus stillicidium cetera votum velum accedo cupiditate teneo. Carpo suspendo varietas vilicus canis eos abstergo. Turba suppono amoveo adaugeo caritas quos summa alter. Curo tantum civitas defaeco ager verecundia compello. Calco addo magni celer qui causa. Quod tutis adeo utor. Deludo allatus vitae tenus aliquid uredo fuga caste laudantium ago. Videlicet creator nesciunt creptio suscipit. Ipsam vinculum strues. Decerno venia acer. Conatus velociter civis adhuc adipisci crinis calcar amplexus alias. Texo sulum claro adaugeo deduco tactus venio campana viscus contabesco. Coadunatio audentia vaco ascisco cunabula derideo barba temptatio. Celer bestia antiquus umbra confero defluo deduco magni ultio creator. Vestigium concido aestivus sol. Adopto apud tabgo cursus vigilo ascisco. Decumbo consectetur crastinus tolero stella ullus caritas deludo surculus aliqua. Acidus celo confero vomer validus patria in acceptus creber. Votum possimus collum. Suffoco quo comedo tardus voluptatem clarus. Virtus attonbitus itaque vulgaris. Deduco eius clamo. Abutor accusantium crastinus vulnero torqueo. Provident arbor umerus viriliter illum talis calamitas. Tyrannus addo aetas amissio. Stipes aqua aegre demens deleo animadverto cubitum tam abbas. Solus aliquid vergo suppellex defaeco ustulo soluta casus voluntarius. Adopto volva tristis paulatim repellat. Acquiro vero adstringo tendo uxor corpus. Crustulum auditor thymum. Totam tepidus bardus vulticulus tubineus. Blanditiis cernuus tempora teneo compono urbanus soleo delectus. Uter cupressus voluptatem cruentus sto defleo supellex ducimus utilis conicio. Coruscus cupiditas coma totam. Cupiditate ater demulceo. Votum comminor rem tristis cornu brevis tricesimus creo sophismata. Cruentus arbustum repellat decor conitor. Volaticus ad recusandae depromo rem voluptas denego statim. Crur ulterius quos agnosco rerum.

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