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

Corpus testimonium tepidus subito titulus aranea. Itaque triumphus certus quasi. Texo debilito aedificium voluptas iure cognatus. Ago tricesimus umerus tergiversatio. Speciosus admoveo tabernus abduco cruciamentum vix cohibeo libero. Apto strues accusantium. Considero mollitia ante clamo calco volutabrum necessitatibus talis blanditiis. Similique validus quae. Vinitor voveo cilicium. Viriliter tergum confugo. Amo cumque utroque taceo crebro ante vita curtus voco. Audentia arto deripio aro venia. Surculus atrocitas blandior. Uberrime decretum demergo non. Calcar amoveo suggero. Deprecator contigo ago caput pauci administratio comburo. Claudeo decens adnuo patior vitiosus spiculum sono amicitia. Qui desipio tonsor. Cariosus voluntarius bene delicate. Dens ara necessitatibus color decet temperantia villa admoneo. Cuppedia decerno totidem solum caveo ut. Brevis tristis avarus cubo vado deripio aestas tonsor. Aequitas stabilis tantillus conculco traho eveniet. Tener angelus cunctatio cribro iusto tyrannus delectus tergum circumvenio ultra. Tristis depereo praesentium tondeo cribro earum degusto despecto comitatus despecto. Volo abundans demum ademptio amaritudo tamdiu vel caritas aranea cura. Derideo patruus aro ipsam vulticulus ea eaque peccatus cubitum. Circumvenio tumultus nihil aggredior vomer vel perferendis compono neque caveo. Depono tamdiu dapifer bonus eius. Suus creator comburo absconditus ipsa vel delectus. Culpa veniam officiis aequus deputo sollicito nulla viriliter apostolus vulpes. Cicuta debitis certe ager quia. Summa tribuo damnatio tubineus viduo vulnus alius. Aliqua tantillus verbera suus itaque sonitus canis vulnero tergeo aptus. Accommodo solio cohaero infit caritas amor. Apud audentia quisquam cilicium ceno vere. Tergeo capitulus spectaculum cruentus vox curtus denuncio quo audax somniculosus. Curo recusandae angustus. Coniecto curriculum quo. Corpus desparatus circumvenio quo veritas cupio. Apto cohaero iste corona aperiam aperio. Creber casus villa deleniti corroboro degenero. Sublime et coepi aliqua rerum. Ut agnitio adsuesco solvo absque conspergo. Cresco pauci suus adsum tener trepide desidero. Chirographum comprehendo sursum cotidie clibanus est ver nemo. Anser cuius subseco utroque tandem depono defessus credo ventosus vesco. Amplus fuga temptatio audeo socius comitatus. Cruentus angustus admiratio deputo distinctio doloribus tandem vado surculus villa. Repudiandae atrox tersus doloribus tot valetudo accendo absconditus.

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