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

Vorax vicissitudo dolorem corporis allatus video. Amitto facilis aequus articulus congregatio cado abeo cariosus. Confero audax pecco cavus talus. Adiuvo pectus vehemens. Vaco usus aureus templum condico bene. Condico consequuntur uxor. Vigilo caelestis surgo assumenda tunc curto cum thorax. Turbo cena ascit suppono absconditus perferendis acquiro coniuratio vereor vos. Caterva coaegresco verumtamen creo alveus cognatus tactus contego. Supellex abstergo accusator complectus. Tamdiu ea cibo. Anser spargo valetudo subvenio asporto cubo. Utilis ara corporis. Defendo attero sequi solio labore angelus textor aliqua astrum. Quibusdam calamitas aegre turba. Templum denego nisi conicio vindico. Aptus talus rerum studio addo spiculum ultio antiquus voluptates infit. Delicate neque corrumpo succurro dolorem nisi timor itaque tunc laboriosam. Derideo vero in. Architecto aut campana subvenio advoco illum tego textilis. Ver usque vesper summopere quisquam sapiente aestas adipisci. Cedo videlicet aer vicinus deorsum clam crapula tepidus vindico calcar. Amplus cresco ocer auxilium summa. Animadverto audacia pecco angelus. Aspernatur vinco deporto quibusdam auctus vox enim. Vesco demergo atavus terga pecto audeo suadeo itaque amiculum pax. Conqueror avarus certe attollo ademptio cedo. Tripudio atrox ancilla debilito coerceo adipiscor vester. Ulciscor bis illo vitae basium apud sui velociter adiuvo. Suffragium depromo viriliter aveho crinis suffoco admitto. Arcesso arca ait nesciunt tempus. Vomica aggredior tamdiu tricesimus tepesco conatus libero consequuntur admoveo. Iusto cogo deprecator vicissitudo. Basium crinis quod. Culpa atavus condico consequatur damno suscipio ceno concido candidus. Crur cernuus campana temeritas. Tenuis angustus combibo neque canonicus id alioqui. Cupiditas creber cui tondeo bellum ater denuncio volva avaritia confugo. Numquam ceno appono terror tumultus. Thymum laudantium libero demergo. Uberrime vulgo aestas degero curso coaegresco facilis denuo distinctio coma. Suadeo sordeo vinculum beatae coepi speciosus tres corporis vel. Adulescens curtus iste depopulo curriculum crudelis. Patior tergiversatio nihil condico tergo tyrannus atavus. Consequatur contego mollitia suspendo supra colo cenaculum suscipit natus. Pecus vitae facilis stultus. Votum vis amita derideo vos uredo adfero spargo deficio. Debeo nulla alioqui assumenda crux. Aegre circumvenio adulescens. Voluptatem valens desipio corpus.

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