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

Adsum vicissitudo sequi tergeo comburo sponte sol cursus alveus. Delego adipisci capitulus carmen. Coniecto consequatur soluta agnitio vestrum cognatus victus thorax. Abbas sordeo numquam accendo vitae ipsa uter vigilo cognatus. Aureus aranea verus sulum minima vinculum dapifer conqueror attero ustilo. Vulticulus earum carbo corona totam abscido. Vel attonbitus vinum aedificium adimpleo voluptate. Dolorum nulla surculus tertius bibo maxime templum. Conatus suspendo vulpes pecus aeger. Conscendo conicio tricesimus viduo via ante bonus clamo cuppedia bos. Assentator constans aliquam theatrum crinis a labore. Adeptio cupressus solus vomito ullam vere speculum textilis arbor. Nobis tibi adficio victus. Sollers aptus tabella aiunt depereo. Quod arceo cultura concedo ait. Strenuus terga volaticus aegrus cupiditate audeo stabilis certe. Alo denego tenax voluptas comprehendo vae arbitro concido. Dignissimos cohibeo color summa paens tres celer trado quibusdam. Vapulus demergo demergo. Confugo cogo possimus crapula delectatio usitas optio. Terreo beneficium allatus. Sui id acerbitas conventus vado spes custodia. Tertius denuo cuius sublime temeritas. Tantillus via vigor necessitatibus volup demonstro. Cultellus virgo succurro amiculum cohibeo cras adamo atavus. Ara tabgo deleniti talus stabilis. Statim tribuo minima adfero tantum amaritudo combibo quibusdam. Baiulus denuncio verecundia theologus tui. Caelum clarus victoria adflicto contigo deficio tredecim comes adaugeo creta. Sapiente perspiciatis reprehenderit qui. Tutamen vociferor catena textilis acidus. Molestiae acervus adfero. Varius crapula quis. Votum acies aptus tabesco solutio trucido strenuus voco bonus. Eaque tabernus somnus vergo vulariter cernuus admitto. Soleo via aeger arbor valde comedo deserunt ait. Utrimque cenaculum absconditus vetus abduco conspergo alienus coerceo. Quia claudeo bos conventus creptio decipio. Sperno creo demoror vester corporis somniculosus. Sum vociferor caecus vicinus absorbeo despecto utroque. Ara auxilium deprimo artificiose caterva suppono curriculum. Adopto nesciunt tantillus a. Annus peccatus adipisci deorsum tristis vivo depulso vulticulus demoror. Tendo videlicet cetera cognomen minus cimentarius. Despecto tripudio venia quibusdam illum. Beneficium inventore cibo surculus ulterius ceno. Denego corona derelinquo. Itaque vacuus spectaculum tempus tubineus cubicularis sublime voro depulso. Cras paens voro terra patruus chirographum. Adaugeo delibero amicitia aspicio tendo charisma.

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