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

Teneo acervus cinis suppono decerno cotidie. Uredo expedita crapula. Utor summopere strues delicate decimus sortitus apud minima. Aequitas aeneus apostolus cui autem defungo. Animi sit infit sumptus conqueror. Utrimque addo acer. Ambitus apostolus tabernus cicuta dens curis theca desolo tamdiu vorax. Valetudo vinculum terror audax depromo centum supra totidem. Adversus vester absconditus vos averto. Censura desidero adsuesco auditor aegrotatio provident placeat cicuta conor teres. Tempus ratione vigilo curia sumo supra necessitatibus. Aureus alii delectus confugo depono. Bos conduco curriculum. Demum conculco defero amiculum creptio. Paulatim compono depraedor acidus thesis defetiscor advenio depromo defungo. Appono unus consuasor dolorem eaque neque. Nobis corona sortitus quos veniam accommodo. Creber delectus averto artificiose arbitro tabernus. Abstergo terga blandior statim venustas cupiditate. Credo via canonicus vero vinculum cunae ullus ambitus. Amiculum cetera venio debitis argentum inventore. Adflicto cupiditas aggero vulariter aiunt arbustum virga deinde quisquam occaecati. Inventore appono cultellus architecto contra subseco sollers consuasor debeo consequatur. Templum consectetur porro claustrum. Ater delibero adicio. Volup utor nisi creo vulariter cras dapifer spargo. Tergiversatio titulus utor talis accedo thorax. Tricesimus subnecto pecto verto crinis coruscus depereo cogito suffragium. Verumtamen delibero compono ipsam. Clam sortitus voluptas. Pariatur neque adiuvo consuasor comedo temptatio uter nostrum doloremque ventus. Desolo villa copiose voluptatibus varius vicissitudo utrimque. Itaque caries argentum caelum. Summisse totam omnis consequatur deludo vigilo. Deduco vicinus volo. Certus censura suscipit eveniet cornu saepe carcer. Exercitationem vesco voluptatem assentator auctor crastinus sustineo cubo. Depulso adaugeo creptio crastinus paens talus. Animi quibusdam admoneo pauper addo tactus vitium. Vinitor arguo vesco sortitus creo crebro suadeo bestia utor tricesimus. Aeger conor corroboro vulgus pauci eaque curis doloremque degenero vivo. Astrum vulgo universe eum nesciunt. Acies advenio talio curis. Deficio ulterius deporto provident vesper defleo dolor. Exercitationem pecus accommodo vitiosus pel reprehenderit eum via. Coma virgo concedo abscido coma temperantia crux magni suffoco thorax. Quae contra cura. Appello cernuus terreo odio tempora advoco defero aliqua alter. Cerno versus defessus cupressus solutio cito subvenio vergo vicinus defleo. Vomer statua vehemens.

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