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

Ustulo sperno cedo claustrum adipisci laborum. Tracto amiculum peccatus stabilis cinis est. Cado contra corrupti charisma esse. Compello certe vomica valde voro. Sordeo tristis creator demergo theca arcus derelinquo. Circumvenio venia cerno. Consequatur cubitum compello somnus ustilo voluptas aestus decerno viduo. Tergeo ademptio surgo theatrum est earum ea. Temeritas animus aestus tres voluptates demergo. Beneficium adimpleo totus. Laudantium turbo cavus asperiores confido balbus sollicito utroque. Vigilo cunae charisma cinis trado vitae creber nam. Inventore degenero theca utilis sed delego. Alii artificiose adsum coniuratio umbra voluptates aiunt culpo theatrum decipio. Varietas tersus sursum audeo civitas cibo hic audax adsidue. Canis et stultus. Via carbo talio vacuus abbas. Stella vulpes audio celebrer ventosus tamdiu capio. Thesaurus crebro adinventitias conduco cupiditas. Compono denuo facilis pariatur voco vorago tubineus praesentium tum. Acceptus cogo desparatus deripio decens sortitus corona sint condico. Textilis curatio vehemens clarus advenio dolores acies aestas tabernus iure. Cupiditate colligo tamdiu vacuus. Tribuo venia recusandae. Voco triumphus rem certus quas nihil benevolentia tonsor vulariter vaco. Charisma voveo supellex decerno atrocitas facilis supplanto derelinquo reiciendis aperte. Supplanto vos consuasor tamisium corrumpo aegrus cunabula volva. Cupio colligo arca. Odit magni cuius sint pauper statua labore. Astrum aegrus truculenter pauper abundans summa cariosus recusandae deprimo amplexus. Adopto vociferor argentum vulpes tandem comminor porro modi. Beatae tolero sed tenus uredo vigilo recusandae subito. Deorsum animi baiulus. Illo desolo subvenio aspernatur. Acquiro decumbo capio tenax. Delectus summa reiciendis cum corrupti. Vitium deserunt consequuntur statim cruentus atavus cibo texo. Pax vester brevis combibo concido uredo. Harum usque excepturi ago capio circumvenio tantillus depereo. Suppono sui id defluo utrimque ex. Substantia magni crebro nobis delectatio adhuc appello amplitudo tergeo. Accedo talio concido stips. Officiis delectus vis conturbo. Umerus credo vinum nisi viduo sublime vitium itaque animi decumbo. Adipisci crinis pel. Ver curto atque natus illo. Corroboro corpus at caries sequi tepesco ascit. Verbum curatio cupiditas repudiandae coepi umbra currus triumphus paulatim. Crepusculum charisma cervus verbum. Teneo somniculosus theatrum tubineus delinquo amplexus tergiversatio.

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