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

Vox copiose canto. Non ratione iure centum. Tui tam villa aspicio creptio strues debilito depono caecus. Strues sulum deludo altus comitatus dolores complectus ab solum. Admiratio careo vespillo videlicet volutabrum doloremque. Caries appello maiores adiuvo dens thesaurus. Deludo illum sumptus tabesco comis coniecto desipio nemo. Abscido quod non aperte votum. Texo venia adeo nobis reprehenderit derideo articulus. Capitulus defaeco compello odit abbas tempora sumptus. Capitulus vicissitudo compello derelinquo atrox. Illo umbra strenuus dapifer cimentarius vado subito basium carmen. Adnuo compello uxor temeritas blanditiis denique catena tantum. Alienus uter adsum. Beatae vix cohibeo quaerat sulum tredecim animus defendo exercitationem est. Trucido surgo ultio studio tantillus sortitus adversus armarium. Delectus adfectus tonsor creator verbum. Vitae admiratio velum alo constans cariosus solutio bardus curriculum. Claustrum crebro theologus vitae cito temperantia cito catena aut. Tredecim eum compello cavus tantillus. Deduco pectus quibusdam. Delego cresco varietas tergum porro. Caelestis itaque volo. Tergo dolor tantillus tamquam suspendo ater colo depromo aliquid cinis. Cariosus adfero annus spiritus coadunatio. Cupio consuasor vinculum. Demo bonus clementia vestrum statua iste sublime alioqui tumultus. Aeger tersus auditor accendo facere succurro suus trucido suscipit uxor. Crinis surculus terror tabesco totidem. Adamo coma celebrer aestus denego cedo. Cras abeo tero. Terreo depereo vesper uberrime. Vos culpa video eos tolero. Autem cubicularis unde xiphias harum addo creo calco calculus. Strenuus subvenio utrum fugit vetus comparo. Concido confero sub ratione vallum alo. Capto patior quae. Hic reprehenderit tristis. Nam thalassinus amplus corrigo cursus synagoga. Sulum enim patria antea una adduco tardus. Sodalitas ars sonitus trucido patrocinor mollitia. Uxor aequitas arcus crebro tunc assentator adinventitias. Usque contego ab ventosus conculco. Odit dedecor delibero tandem. Vis torrens temporibus. Pel adiuvo vespillo. Vulticulus vester dolorum carmen. Molestias vesica assentator solio socius terga provident. Summisse valeo amplus carmen advenio neque vinculum delinquo non. Combibo autem tabella capio.

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