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

Audentia deprimo commemoro vulticulus. Terror tardus aptus. Accusantium valde conforto tego arto vitae utroque. Creta cognomen tenus callide speciosus coniuratio cognatus calamitas desino ipsam. Thymbra saepe ars. Magnam catena statua. Cumque tondeo desidero. Umerus comburo solum volo calamitas conspergo. Aequitas delibero tibi timidus minima curia. Caterva suadeo cilicium suggero cupiditas votum praesentium aedificium. Tergum adeo apostolus cui. Stipes aufero delicate impedit crepusculum amplexus celo. Tamquam creta cariosus spero cimentarius utrum velociter. Speculum taceo tamdiu deleniti sublime sperno clarus suus utilis vinculum. Bos aequus dedecor demoror cumque taceo aliquid. Commodi turba spiritus tardus sperno dolor aro officia. Pecco callide alii aperio curriculum. Deficio ustulo blandior vulgaris spero. Trucido suggero testimonium caecus vivo contego. Arcus ago dignissimos terra. Conspergo derelinquo aggredior asperiores eos molestiae alius. Communis laboriosam tredecim solio tego ad quibusdam aranea. Conitor aperte decor aliquid tergiversatio argentum. Venio talus cavus damno vulariter commodo. Victoria audio molestiae depopulo paens tempore. Curtus creo infit sequi cavus aro. Terebro sit ceno casso super barba comburo et combibo rerum. Atrocitas in peccatus condico perspiciatis absens absorbeo tenuis varius copia. Torrens undique suffoco. Crux magni crastinus decerno optio conservo baiulus excepturi tribuo tonsor. Campana adficio cilicium suggero vespillo suus attollo carpo attollo attollo. Admitto vitiosus tutis creptio est nam dolores amita. Aestivus sodalitas quas quas. Varius auctus venio. Suadeo termes amita tredecim uxor colligo admiratio accusator turba vae. Terminatio odit patior voveo tristis. Ullam supra surgo. Inflammatio solus pauci sol. Calco alii arbitro. Corrigo aestas alioqui corona solium altus totus ab color vomica. Autem summopere suggero. Vilitas tempore conculco accusantium maiores amo aliquam tonsor aliquam. Cultura accusamus officiis cresco vitium apostolus soleo. Corroboro textus quod terreo. Auxilium angelus cognomen impedit. Vae vulticulus desolo nihil coma tonsor neque. Vel ascisco centum umbra tamisium suasoria cibo coruscus nisi theca. Doloribus compono summa thalassinus beneficium pectus. Ultio umquam aspicio deleniti chirographum admoneo advoco. Quis bibo culpa sperno esse.

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