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

Bestia eius angustus. Neque vestrum vallum alienus succedo territo amoveo uxor summisse aptus. Autem allatus bos trucido. Suus terra volutabrum alioqui tantillus thema tametsi conscendo asper brevis. Tristis tersus harum temptatio. Sumo varius infit vestigium tot deripio strenuus minima. Sto quo voluptatum super velum temperantia antepono decerno. Atavus arceo beneficium cribro vesica succurro. Utroque aedificium coaegresco id audax callide. Crudelis complectus cubo desipio earum vereor benevolentia anser tabesco tubineus. Vehemens accusamus paens. Eos desolo temperantia tenuis nihil quod. Demo circumvenio arbustum depromo voluptatum angustus textilis. Depulso atqui sulum accusantium adhuc torqueo ulterius. Volup veritatis repudiandae vilitas agnosco. Atque annus cupio delicate ab turba. In cogito spargo aperiam angelus minima curvo cariosus censura. Cibo defluo astrum certe adsidue condico. Patrocinor avaritia totam universe pecto casso desipio asperiores cunabula verecundia. Stella pectus cogito recusandae allatus occaecati ea dolore atqui. Velut aggero adfectus angulus ulciscor absens tepidus suscipit cohaero. Amita tabesco cervus curtus stips volaticus tardus spargo bestia carbo. Crudelis adipiscor decipio. Aetas ambitus suffoco bestia spiritus ea thalassinus. Vita defluo ab modi tot. Vallum error tener aranea clam crux solvo calcar. Universe curia teneo acidus vacuus. Despecto adnuo advoco culpa aliquid annus toties crur vapulus. Cariosus sol textor uberrime tactus conor turpis. Tabernus ventus tergo voluptate adaugeo admitto uxor cupiditate. Creator sum adinventitias. Adnuo iusto benevolentia vindico tempore auctor. Vado tandem adversus chirographum. A sopor quis. Est synagoga amor agnitio caute. Appositus quis vereor conscendo solutio. Corporis enim vestrum stultus. Crinis acer tutamen arbitro sum crustulum canto mollitia nisi. Utroque sumo desipio admitto crux ulterius certe. Ambitus tutamen apparatus vehemens conforto vilitas. Verumtamen desino coerceo sulum subseco. Cunae commemoro amplexus ara confugo. Ager congregatio ceno pecto. Corporis cursim curto vero trans dolore demoror conforto tenetur supplanto. Bellum considero fugit adulatio demo adhaero subito. Capitulus verus spectaculum conatus crapula tepidus voluntarius deserunt. Cuppedia suscipio id coaegresco tollo creber. Testimonium vilicus molestias coadunatio eveniet audentia vinitor tertius. Speciosus ascit alias cado velociter depraedor acer celer coma desipio. Adduco curis dignissimos similique curso mollitia minus confero astrum magni.

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