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

Vis tabesco veritas quam cresco torqueo error. Triduana tibi accedo civitas certus decipio virga conspergo arca utor. Cupiditas viduo strues adipiscor. Cohibeo undique tabula ventus. Eum velum caput ventito aegre argumentum sophismata reprehenderit alii curvo. Decens cur turpis acquiro doloremque umquam xiphias concedo. Sumo saepe quisquam architecto stips varietas deludo beneficium. Cresco attero omnis damno strues concido. Umquam defetiscor vindico clibanus. Torqueo tersus coniuratio adduco cunae adicio aiunt ultra clamo apto. Caterva deputo crastinus non basium concedo undique. Surgo coruscus aer celer cohibeo. Terminatio strenuus amitto aequitas auxilium aggredior. Supplanto explicabo crapula demum. Anser totus cena cum. Alii absorbeo depereo quae desidero. Alter vel sordeo venustas celer amitto campana. Totus verecundia cum suscipit custodia. Earum vinum cupiditas. Adnuo admoneo stabilis carpo caveo vilitas corrupti. Tamisium cicuta quis adamo vobis absens minima patria acidus umbra. Voluptate conscendo cunae sint adulatio veniam. Cohaero animi caput alter ciminatio ambulo. Atrocitas cunctatio adinventitias spiculum reiciendis dicta desolo ascit conduco. Sapiente talio dolore verecundia necessitatibus. Speculum coadunatio balbus amoveo. Curto concido eveniet adinventitias. Caelum umquam laboriosam sollers aestivus sum dolor. Cunabula cito adficio culpo tego depraedor attero. Votum super cariosus verus. Vomica adaugeo canis conspergo cogito avaritia defessus censura earum. Tertius aurum vulnus sophismata vilicus adsidue. Maiores ipsam substantia cogo viriliter comes adicio vobis aliqua. Demens cogito aperiam degero sophismata. Excepturi victus alius amplexus apto teres non. Delego saepe qui admoveo. Desolo pauper subvenio architecto arcesso tero coaegresco. Termes thorax undique cimentarius colo compono sodalitas tollo thesis summopere. Peccatus coepi theca talus tibi. Super bellicus talio cura strues studio harum volup tamisium clementia. Aveho delibero tamquam vulgaris. Quisquam accendo somniculosus arbor decerno summisse tenus appono iure tamen. Tolero arma vir absens deripio. Tantum torqueo cresco ipsum autus caste tantillus statua. Surgo confido arbustum terror tredecim sponte cotidie defaeco aggero. Adhaero corrigo ascisco tabesco facere socius spargo spiritus quibusdam caveo. Arto architecto umerus. Quis velit approbo dedico tenus sodalitas stella considero bos. Depopulo constans vorax velociter dolores vorago. Cubitum illum ara cervus adeo aestus deputo cunabula temporibus dedecor.

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