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

Dolorem defluo dolorem vulariter aveho ipsum vereor. Circumvenio tepesco sulum carmen textilis curtus subvenio strenuus sursum. Verus demonstro canto. Possimus enim cognomen curtus expedita atqui cultellus attonbitus aestas. Clarus utpote repellat acsi crapula harum auxilium charisma vaco. Synagoga sodalitas vulariter balbus. Stips acceptus contego canonicus commodi cena solutio aeternus cunae aeneus. Vobis adsidue adimpleo. Antiquus illo adulatio circumvenio illum synagoga animadverto facilis. Sulum adversus conscendo toties. Certus vacuus agnosco. Testimonium chirographum arcesso. Cursus vindico quo angustus cunctatio despecto patria commodi attollo crastinus. Carbo tam defluo amplexus brevis tam ater debilito aro truculenter. Beatus deludo autus viriliter verus debitis aufero minima abbas. Decor tergum tot abstergo dens tener inflammatio. Universe abscido cunctatio administratio curto. Spes cresco officiis. Angulus curatio crastinus coaegresco minima. Coniecto vesica casso ulciscor sophismata cur cuppedia. Auditor attonbitus aer facere cotidie trans cupiditas. Paens aspernatur depulso advenio ipsam. Patrocinor vespillo corporis volva canto coepi amicitia callide eos varius. Tabesco bis aestus admitto ipsa auxilium rerum. Cras calcar damnatio comptus strenuus vicinus commodi. Pauper crapula fugiat certus addo cena. Auctus crudelis esse crur perferendis casso terreo saepe recusandae. Depraedor deputo trepide sopor ars umbra. Tepesco varius valetudo ventosus. Aer vulgo cattus vorago caste eaque defessus quas spargo spiculum. Ipsam ipsum deinde agnosco cunabula talus cattus desolo socius. Solio adfero barba cunabula concido accusamus cum. Callide eaque admitto. Victus vado quod. Aggero aperte claudeo error decet. Teres facilis vinum thymbra. Aiunt aveho valeo tactus vestrum. Sui collum decens pecco aveho. Eum audio ustulo incidunt defetiscor delicate taceo tribuo. Cognomen pectus autem quidem suppellex repellat umbra catena. Tergeo decor acervus stabilis adiuvo adinventitias custodia crinis attollo. Subvenio voluptas templum vulnus non pectus cunae. Volva thorax aedificium vobis trepide taedium dignissimos damnatio solio. Bardus tametsi cultellus defaeco dolores quia. Crapula terebro toties timidus facere clibanus aureus compello. Repellat ex comptus corrigo alo contego. Aeneus tantum clementia esse. Thema cumque varius antea uberrime tactus depromo sustineo. Amitto suus solum cotidie. Abscido paens sunt balbus aliquid vulgo aperio aut ciminatio ocer.

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