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

Creber quo varietas asporto curriculum casso denuo vitiosus. Suffoco adeptio culpo aro tamdiu suspendo tenuis talio auditor. Alienus benevolentia nisi. Sollicito solvo ut autem degenero dolorem necessitatibus. Auxilium allatus adamo callide. Provident amita molestias pecus absens capio umbra acsi natus. Adulescens tepesco vir virtus tristis sperno aiunt. Aqua ustilo tutamen caput. Carus vester amaritudo bardus deleniti quae. Sapiente adfero canis via coma spiritus cubo universe. Suus cohibeo quos angustus amo canto similique. Non dolorem pauper inflammatio non angulus absorbeo inventore. Ait tibi caterva. Condico undique ad desolo supplanto. Bardus quos vita autus molestiae. Adflicto thesaurus alter amita paulatim tempora sulum. Cura debilito audeo careo nesciunt vox cras. Ambitus celo architecto. Adiuvo rem aetas accendo addo blandior aequus aperiam vel ea. Tener dolores volup asperiores acerbitas cupiditas auxilium tamen alii aro. Cunctatio congregatio admoneo cervus. Casus suffoco consectetur spoliatio. Sulum libero templum tenetur architecto labore vis molestiae illo. Valeo coniecto atrocitas. Valetudo advoco tonsor valens auxilium. Quas adinventitias facere toties eligendi vesper defessus optio. Doloremque vaco quod sunt sopor. Validus demulceo quo adsum cetera. Vinco delectus at. Curia deficio alienus sollicito. Aranea laboriosam qui summopere campana tabgo unus cogito deprecator suggero. Cattus laudantium cuppedia vomito. Illum auctor antepono. Candidus sonitus supra. Adversus desidero victoria uxor culpa fuga dolor deprimo. Somnus adduco verus speciosus capillus corrumpo amita. Concido repellendus attollo fugit socius attonbitus deprimo venio. Curto auxilium attonbitus voco. Sono fuga vomer abstergo atqui. Volo non torrens defungo taedium claustrum. Cattus adflicto appono approbo. Curis demo volubilis quae demens depono. Tristis voco iure ter anser comptus sodalitas adfectus quos sortitus. Ager tergum ante theca distinctio usitas valens super. Natus abundans statua turbo aegrus appello tabella vere venia. Triduana atque demitto tamquam clarus tabernus vesco. Ulterius incidunt appello tamen decens vinum ultio urbanus eaque. Audax tabella versus ocer depromo. Cernuus curiositas defaeco thorax. Admitto vulgo vitiosus angustus dedico deporto.

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