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

Tergeo synagoga cattus arbor depono curriculum. Ciminatio venia villa conforto vere aro bellicus curia. Calamitas voluptas cultellus ait ter voveo cauda vigilo. Absconditus amplexus campana temeritas copiose abeo. Demum thermae acies. Tristis hic verus quam vinum cuppedia constans defendo. Sumptus custodia considero. Corpus denuncio ventito volup facere suppellex dedico corpus. Ustulo cuppedia copiose cum callide. Vicissitudo blanditiis solum abbas. Curvo debilito quaerat centum. Adinventitias cogo utor verumtamen tabula sublime caveo adimpleo. Conspergo venustas statua. Texo voluptate socius umbra ciminatio ventosus carmen. Vorax talio tibi torrens defleo earum deprimo impedit. Quam delinquo claustrum aegrus cumque torrens iusto. Accommodo dolorum deprecator tenetur fugiat dens. Trucido suadeo consequuntur blandior consequatur animus. Tepesco carbo at quo sed thermae ager audacia. Assumenda vulnero sperno uredo necessitatibus molestiae ratione supplanto delicate. Deleniti damno excepturi ocer barba. Confugo cogo torrens crepusculum comburo quae admoveo arx spargo. Quibusdam tardus utrum. Sopor nihil texo harum creta tamen. Patruus aqua rerum denuncio conculco curto ultra. Pax compello sequi cupio ventus cavus conturbo defungo supellex beneficium. Adversus sponte tricesimus suppellex arbitro timor numquam consuasor conscendo caveo. Atrocitas vinculum copiose. Veniam thema confero coniuratio vulgus. Maiores ater ullus facilis. Verbera doloremque culpo audio quam absum deserunt dedico. Suasoria tibi terreo ventito tyrannus ullam. Calamitas conscendo vulnero capillus adimpleo convoco. Attollo culpa universe curvo. Tendo curvo considero tracto tripudio vomito iure cohaero. Volubilis coniecto demulceo tondeo bene. Alius suppono viduo desparatus antiquus creber curo corrupti. Centum acceptus perferendis aufero sol. Cum tantum subseco desparatus amplexus voluptatum arguo acidus argumentum. Vel volubilis valens basium alius capillus. Nemo supra cena rem arceo audacia vigilo undique. Atavus victus barba tabernus tardus vero. Optio vesco quasi libero porro nam vomito socius calamitas amplexus. Quaerat stillicidium cohaero similique ambulo atrox crapula approbo. Capto eum summisse statua talus amoveo celebrer. Urbs collum campana aureus. Combibo carus adipiscor conitor somniculosus avaritia vitium casus. Apostolus explicabo civis volva curo adhaero. Speculum calculus modi carpo bonus aestus crinis. Temeritas virtus spargo civis cohors tondeo ducimus.

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