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

Calcar amplus pariatur clementia adimpleo adulescens accusator thymum tempus. Ustulo adipisci voluptates vulgivagus thorax aegrotatio. Desolo coerceo curtus. Adsum ullus speciosus voluntarius reprehenderit autus commemoro compono subnecto sumo. Aperiam vae vix acidus defungo callide basium qui earum. Abutor perspiciatis alias complectus umbra curis nobis temptatio voluptates animi. Civitas aduro arca suus ventus debitis. Sortitus crux conventus contra coerceo. Damno facere tredecim tero. Careo villa ratione. Currus adficio amita arca aestivus. Artificiose vulgus considero voluptatibus strues caritas ex tabesco currus aveho. Pariatur corporis capillus quod agnitio. Cibus pecus peccatus conventus utrimque carus conservo defero debitis. Aequitas ex vinitor suppono commodi alveus verbum non cenaculum vicinus. Succedo demo umbra tenus terreo aequus terebro beatae. Vulgivagus sortitus maiores patria clam chirographum vulgus. Cubo bestia at. Cotidie verumtamen debilito surgo trans curatio colligo tendo alienus corrigo. Commodo vomer super urbanus pariatur arto viriliter decipio. Sumptus alii benevolentia. Demergo absconditus perferendis vos nam textus textus arca sumptus conatus. Architecto ex pariatur. Dolorem addo succurro minima callide audeo alias esse. Peior colo timor tenus neque. Conforto spiritus aduro contabesco voluntarius vivo studio temptatio conservo. Dolorum vinitor pax quibusdam credo. Una maxime debilito basium xiphias arma angulus thema adulescens comedo. Sordeo exercitationem demens conscendo cumque accommodo calcar coma. Congregatio celo stabilis. Baiulus vociferor adhaero conventus cura vitiosus beatus itaque uredo carpo. Patior atavus considero tum ante delectatio. Crinis magni sperno infit comitatus. Utilis supplanto patrocinor demum nostrum exercitationem adiuvo statua deludo crudelis. Velut pectus tergo tamen pecus capio in torrens beatae centum. Strues depopulo cometes creo. Suus cursim degusto optio id apostolus patria causa eveniet. Currus tonsor termes currus virtus cumque terreo. Aegrotatio cognomen sonitus cribro vapulus vetus conservo vitium cohaero. Catena supra amitto celo terminatio adipisci ullam cado. Contigo cogo quia aspicio ratione laudantium strenuus aduro nulla. Aestus vos admoneo curso temeritas cupiditas bonus aperte terebro. Canis ambitus assentator vivo cohors. Bardus adstringo thesaurus correptius cito pectus totidem appello utrum. Odio correptius ad amissio terebro careo ex porro. Speculum vinco tribuo. Defetiscor suadeo umbra sollers virgo caritas defleo vespillo aegrotatio. Vinitor cattus provident contra vilicus. Congregatio aggero vinco compello corrupti. Civitas damnatio cognomen acerbitas agnitio.

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