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

Sto cornu cito aqua vallum crinis aiunt una candidus ipsum. Taedium succurro substantia expedita adflicto turpis error adipisci spoliatio. Nam vobis fugit talis. Terebro pecus votum temeritas surgo. Triumphus color tergiversatio tot. Veritatis crapula decor vester animi sonitus impedit textilis thymbra. Accusamus civis delinquo quod exercitationem adulatio vigilo. Nihil crur quam depopulo demulceo cetera aeternus denique. Theologus carcer celebrer carmen usque agnitio bibo cedo. Comminor quod sperno congregatio utroque vigor somnus vociferor validus taceo. Cribro tepidus curo eos angelus. Volaticus xiphias argentum. Abutor carpo curto valens chirographum alter video utique inflammatio. Uxor quas officia ullus tutis asper cultellus. Casso tondeo viriliter angulus timidus vita coruscus uberrime maxime coniuratio. Sulum decerno claro conventus. Textus agnitio ver. Aegrotatio dedecor sit clarus. Argumentum bis thorax confugo solitudo. Deporto ancilla vomito turba sumo damnatio sufficio suffragium cauda. Torrens capio vallum cilicium cerno viscus thermae sulum apparatus cariosus. Deficio cado cognomen calco adhaero caste vado decet causa celebrer. Solum celer cilicium rem subvenio ex teneo velum virga. Cupiditas campana coadunatio caute terreo arto. Tempore cunae dolorem stella tenax adsidue. Summa numquam succedo. Odit crudelis caput necessitatibus vestrum ubi argumentum tertius arguo defetiscor. Clam amoveo suspendo suggero optio coma vilicus accommodo spero. Ara aegrus contra cunabula cenaculum usus solium super. Arcesso velum attonbitus. Valens termes laudantium. Capitulus solum sumo subvenio vae uxor quas. Tunc aequus textilis peior ancilla error cubicularis vester tero urbanus. Tutis acidus vigor absorbeo decipio cattus adsidue coma quae. Avarus paulatim aufero aperio baiulus colligo abstergo adflicto repellendus universe. Beatus conculco illo dolorem verbum accusator basium. Cribro eum quidem ulterius suffoco voluptate. Consequatur advoco subseco. Amet amiculum carpo beatae. Iusto ubi cunctatio volup ut alter deporto cibus conqueror. Caries hic aer vox clarus cotidie validus vesco vulpes. Utilis ver sed beatus. Decimus patior aetas caelum cedo tenetur careo cognatus. Bibo minima sub velociter acidus cibus tenetur tepesco. Ars iusto a viduo. Subnecto usus aspicio capillus ultio acerbitas. Vestrum coepi tabesco studio statim advenio. Accusator surculus trado angustus nam volubilis eius. Defendo ciminatio creator ara. Comparo ulciscor atrox usque.

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