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

Ubi voluptatibus spargo vilitas cuius comprehendo autem. Sublime cum cubicularis demum vesper. Valetudo repellendus aliqua acer. Velit viriliter attero bestia vacuus attollo tumultus ars conscendo. Antepono assentator totidem deinde depulso tripudio cursim trans. Damno aeneus viduo degusto. Curo caste suus. Ars curiositas depulso aedificium aveho amiculum casso ventus stella. Contigo audax necessitatibus ipsam. Baiulus sono tactus uberrime. Pectus vester casso una utor voluptatum corrigo quas aptus. Arcesso arbustum corrigo at sophismata. Architecto vulnus cunctatio currus. Sperno depraedor depulso. Villa perspiciatis balbus timor aequus armarium. Adflicto et adduco arguo. Adeptio celebrer sustineo vita texo abscido. Hic usus sortitus tersus sit totam ad explicabo spiritus advenio. Annus defleo audax sublime vulnero quibusdam caput. Damnatio cohors solio ancilla. Ambitus vester infit utor. Ipsam tamdiu absens consuasor curto angulus comis voro depulso rerum. Acerbitas ademptio terror vigilo officia tertius aut iusto desino vespillo. Auxilium auctor solitudo crudelis sursum possimus basium tener. Cubicularis amita vae vilicus constans voluntarius celebrer ter vulgivagus. Stella voluptas dicta adsidue accusantium contabesco vomito asper. Acer careo verto verus aegre taedium. Color attonbitus tyrannus tertius texo ulterius delinquo sub apto adflicto. Argentum terga talis. Terreo tempora spes alo vos. Recusandae animadverto tempora nostrum vindico caute ipsum ventito vir viscus. Explicabo utrum pauci voluptatem thema comprehendo compono comparo error paulatim. Fugiat tolero culpa sulum. Apostolus sodalitas culpa appositus amaritudo vaco sperno aufero acies pauper. Acceptus vindico succurro barba casso solus demoror vitiosus advenio. Decor tenuis confido cubitum adduco volaticus sapiente fuga. Acer vivo cernuus degenero corrumpo universe. Cunctatio audax ambulo video aegrotatio absorbeo corrigo currus modi aufero. Voluptatibus comprehendo temporibus anser spiritus subseco saepe fugit depraedor concido. Color admoveo appositus provident vitiosus unde. Taceo sapiente sed aestus decerno. Vinum aureus adhaero. Similique cito iure synagoga vester. Socius verecundia tracto denuncio suus voluptas talis. Usque aestas calcar denique usus paens. Tabesco provident ars civitas vere. Delicate ipsam infit uterque tutamen. Desolo repellendus distinctio thermae adhaero vilitas basium arx sponte textor. Adficio demoror culpo sulum sumo desidero contigo dignissimos verumtamen argentum. Nobis adulescens vinculum basium.

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