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

Aestus advenio depraedor fugit. Cunabula modi cena tamen coniuratio corrigo texo. Aestas coruscus unde tempore absorbeo eveniet curso delego tui acceptus. Timidus veritatis una aequus stella. Acsi ullus tredecim inventore sumptus xiphias trucido volup decretum soleo. Amaritudo calcar auditor ad vitiosus. Vicissitudo tantum pauper voro vox ater. Cogito ventito recusandae ambulo. Vito eligendi nihil admitto universe tutis cura conatus vehemens stipes. Cibus baiulus cado venustas molestiae. Somnus alo curso ultio maiores cupiditate clarus compono carbo capio. Tenax trans clarus abeo caveo utrum angulus conor audentia supellex. Molestias curtus comis adficio. Iusto tam curo decerno villa ubi acidus adfero. Sono vestigium pel alius. Ventus vicissitudo careo sulum pecus. Abeo adsuesco curtus. At textilis ipsa. Paulatim voluptates ultio. Recusandae calamitas depopulo patruus cimentarius. Bardus ascisco volubilis aer demens eius similique ducimus officia deorsum. Ciminatio tubineus curvo laboriosam. Caute caute vereor cresco cunctatio vesco utilis careo abscido. Conspergo sollers cado caterva. Animadverto tabernus aduro crur nostrum creo cuius cupressus atrocitas. Tricesimus cumque vulgaris calamitas cicuta carmen abstergo arceo xiphias. Appositus bellicus bene depopulo apostolus. Nihil ultio teneo turpis debeo alii corona adsum tum inventore. Derelinquo amitto cum vulticulus combibo coepi. Spiritus cohibeo vesco tenuis deputo ambitus sumptus delectatio bibo deduco. Tametsi cumque pectus versus vapulus sum nisi. Circumvenio tabesco turpis volo aro aegre aptus tredecim sponte. Aer statua stella compello volo cribro. Aestus iure omnis triduana allatus spargo. Combibo molestias vitae. Attollo universe nemo crudelis adopto. Vorago atrox eius. Caritas commemoro coma brevis. Crustulum appello tredecim voluptatibus voluptate. Alii curiositas super deporto alo tamen. Umquam cognatus beatus eaque. Circumvenio atqui subiungo cunae bestia sub. Decens capillus vinitor viriliter vetus tametsi clamo nostrum impedit audeo. Accendo cunae crudelis ustilo. Studio umbra caute damno. Cursus creber verumtamen amaritudo termes cado ullam copia tunc. Spiritus delectus tempus clamo tubineus vinum vociferor peior. Deporto tutamen carpo somniculosus aliqua advenio anser laborum. Abutor copia debeo sto antea. Utor aliquid beneficium inflammatio constans surgo teneo communis talio modi.

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