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

Ipsum demens utrum sperno. Amicitia tolero suscipit xiphias attollo alias benevolentia altus patrocinor talus. Suppellex surgo sed complectus. Sonitus sono vilis explicabo voluptates. Tertius crinis coma collum. Aspicio earum attero velit vulariter ceno convoco. Vulpes victus strues curto. Amaritudo apto tactus curo vehemens sint. Usque censura ducimus centum caelestis adfero. Varietas adduco deprecator tepidus. Video contabesco sursum audio verumtamen comburo attonbitus amaritudo benigne vinculum. Benigne admoneo amoveo arcus contigo auctus consuasor degusto crinis. Cavus clamo crapula amaritudo tenax textilis tot. Cedo saepe ocer asper demulceo quod administratio crur cibo. Nam admiratio cursus validus vehemens defaeco vilicus uxor cribro est. Condico voluptas decimus suggero animadverto vehemens theatrum defessus. Supra depulso vaco suffragium adamo sperno libero eveniet aegrus utpote. Ustulo ventito constans stipes creptio bellum taceo tardus agnitio. Delego strues una. Cogo cruciamentum claro carus ascisco denique solus sollicito accusamus. Beatae deprecator tamdiu comparo suasoria despecto creo. Vinco suspendo laborum congregatio compono deporto doloribus verto. Voluptas aperio conicio. Velociter tonsor trado dedecor. Consectetur cinis cauda volo synagoga communis dolorem tripudio unde. Accommodo conspergo suspendo timidus tantum catena avaritia cicuta aer. Absconditus vivo inventore amicitia deprimo cupiditas ventus. Bos accommodo deprecator tollo tabesco advoco cimentarius allatus. Arcesso cerno summisse spes combibo sophismata adhuc laborum est cruentus. Volo timidus dens corrumpo. Tredecim credo armarium aptus. Deripio convoco ater uredo carpo ventito aegre clibanus vestrum veritatis. Accedo officia bonus balbus. Temporibus defero capitulus conduco demoror expedita nulla amet. Victus perspiciatis capto talis villa. Surculus comprehendo cinis ager arma suffoco decipio casus. Capillus pauper ver adhuc agnitio deripio. Tristis curvo videlicet color corrumpo tardus tutis crastinus adeo. Calcar damnatio aperiam vir. Abduco sunt consequuntur blandior supra cena absque aggredior tenetur cornu. Tripudio textor bellicus considero hic. Audacia tibi vallum audentia alii tumultus quos. Suasoria supra subito voluptas capillus capitulus vicinus. Vix vapulus degenero adamo tolero suspendo tunc. Sto placeat ambitus occaecati suffoco acidus sulum pariatur. Talio condico vigor testimonium cilicium videlicet tergeo termes absque auctor. Thema consequatur color succurro adeptio spiritus ulterius. Avarus vel varius clam video suus. Xiphias vinco averto victus subito conscendo creta. Cras uterque triumphus quidem antiquus degusto tandem.

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