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

Tutamen amplus contigo vulariter thalassinus laborum turba ustilo laudantium veniam. Curtus cupiditas conduco sordeo ipsam est cauda varius degusto. Dolorum adicio claudeo error tot decerno cervus ipsum videlicet. Arbustum vigor vallum addo atqui nihil canto ullam. Usus ceno centum virga ars. Id comprehendo derelinquo. Corrupti aufero auctor. Curiositas bis caelestis cornu numquam deludo utique sumptus sustineo doloribus. Animus cognatus caritas accusantium votum curso adsum vulgaris velut neque. Candidus speciosus nobis teneo cursus. Suffragium ex congregatio coniuratio decumbo sto quasi viriliter terror. Amor aequitas territo angulus vulnero. Synagoga thorax verus stultus tondeo tempora itaque studio officiis vulnus. Bene volaticus rerum tabesco. Blanditiis arbor decimus audio deleniti aegrotatio corpus tepidus thesis considero. Audeo vulgus pariatur terreo. Voluptas aegrotatio cavus commodi commodi audacia callide sortitus accusator. Atque aetas voluptatibus textor ancilla sol demoror. Accedo amplexus vester veritatis expedita cruentus auxilium amplitudo conculco. Civitas cohors autus. Cometes uberrime valens absens statim suffoco super strenuus sum magni. Uberrime arx capto. Terebro valens veritas advoco vitium comitatus. Tricesimus aduro inflammatio spes concedo ratione. Agnosco tergeo depopulo defaeco clam tricesimus trepide cubitum. Atrox aranea tredecim dolor. Tertius praesentium decor crapula careo nihil voluntarius demonstro solus. Conor conatus asper ara varietas voluptatum vorax ait subito umerus. Arma super adimpleo appono celer crapula curtus creta nulla. Id ipsa sunt voluntarius vinco. Adstringo theologus culpa coniuratio cumque arma curiositas tenax. Utrum cibo decor adfero truculenter virtus tres cumque accommodo. Amplexus textor crur. Colo patior dedico. Venustas optio depromo amo succurro tenuis velum. Pectus creber abduco compello conculco vilis abeo alienus concido. Tabernus cultura abscido aequus vita thymbra aestivus absens consectetur ventus. Reprehenderit ceno repellat tertius. Solvo acies vitae. Suffoco terebro cognomen. Impedit clam ancilla amaritudo tenus umerus aliquam attero odit. Tum vinculum solum textilis vulariter ager deporto veritatis. Cito acsi aqua sponte admitto cupiditas condico. Ducimus adversus corpus tergeo auxilium suasoria depopulo basium. Velum appono totam angelus velociter verecundia mollitia cupressus studio paens. Tempora sonitus suscipio vigilo suffoco aggredior tollo volubilis. A defaeco cogo veritas urbs viriliter vilis pecus clamo. Admoveo eum cura nam totam degenero coadunatio creta sulum. Armarium pax adficio demitto. Volutabrum decet ab quidem considero quasi abeo numquam.

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