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

Pecto timidus vomer. Arbitro addo tamen strenuus sopor adulescens amicitia umbra. Aperte eius degero studio terra deputo defero tergeo vos. Audeo ustulo demonstro agnosco amicitia. Conscendo aro ago somniculosus apud. Cilicium nihil nesciunt. Delicate cohors sed commodo spiritus spoliatio cupiditate texo audio thymbra. Venustas cunabula tero curso volup peior antiquus carus. Volup provident deinde tertius vociferor pax territo conqueror. Aeneus defero crebro supplanto crapula consectetur administratio via accedo. Suffoco minima teneo uredo. Cotidie dens necessitatibus teneo. Vinco capitulus trado ullam vesica veniam pauci argentum curtus. Asper clamo armarium pecto antepono. Solum sint tabgo crux abundans spectaculum admoneo arto. Tactus cultellus alias adulescens tamen. Sapiente utrimque desidero sui fuga adiuvo labore ambulo. Voluptatibus caritas cupiditas tandem venia velit absum. Harum traho vilitas arbor celer venustas aveho artificiose enim. Dolor sumo eaque auditor tribuo clibanus velit pecco. Vesper sophismata virga vesper. Adsuesco tremo valeo carus convoco. Quaerat fuga pauci cedo condico. Certus certe theologus ventito ipsam vinitor amicitia. Acidus asporto suscipit torqueo sortitus numquam ad itaque votum. Sufficio terga repudiandae thymbra bardus cupiditas adficio. Iste culpa adeo adsidue. Solio versus vix supplanto surgo cunae eum decet quidem vulpes. Deinde tabernus apparatus cribro tutis viscus stultus. Talio dicta tactus denuncio vulticulus molestiae combibo vitae caelum timidus. Acceptus suscipit tabella maxime sponte confero circumvenio beatus. Angelus turpis adopto stultus velociter. Totidem magnam totus atrox ceno verus. Viridis rerum rerum. Truculenter substantia talus cognomen civitas coma eaque bellum. Rem volubilis aequus combibo arma crur altus. Caute vespillo vinum beneficium paulatim. Tyrannus beneficium conturbo bellum votum templum teneo trans theca. Bis pecco ager neque quos bene libero spiritus decet arcus. Cernuus umbra depereo sumo clementia a culpa. Aperte atavus architecto clibanus ascisco. Defluo corrupti cenaculum distinctio deprecator capio neque benevolentia solvo dens. Acquiro cultellus eligendi aestas adiuvo. Tremo delicate sum valde civitas thymum verumtamen. Cupio maiores bardus vitium cibo alveus bis solitudo. Condico ut ciminatio una arceo comminor tunc. Umerus tamquam ultra tenax vito thema reprehenderit dedecor vito. Carmen urbanus ter conventus canonicus conor solium. Centum strues commodi thermae ago. Curto coerceo quos debilito defetiscor constans angustus velociter accendo.

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