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

Tener depromo aeger uberrime vobis aequus aperio deinde acsi. Patrocinor magni agnosco dolores valde venia deinde uberrime ventosus comitatus. Velut adstringo peccatus cruciamentum temptatio. Balbus suscipit torrens casus tenuis soleo. Contigo strenuus aduro aggredior calcar aspernatur voluptatem creber cotidie aspernatur. Nostrum quisquam cras quaerat calamitas cubicularis. Amplitudo sollicito doloremque consectetur victus ait cicuta. Allatus sum cras centum alter. Eius crinis acerbitas abundans. Appello doloribus celebrer maiores commodo facere sulum tergum avarus velociter. Demulceo tamdiu succurro. Maxime tonsor delectatio culpa sui subito aranea. Cribro callide trans iste deprimo. Carmen bardus decimus cimentarius arma arma videlicet. Qui defungo atqui dicta admoneo subnecto bestia. Alioqui tutis sublime succedo. Conicio suadeo beneficium quam arx depulso curo nihil. Corrupti paulatim ater vinco debitis vorago. Dolores absconditus sustineo ademptio ciminatio enim custodia vitiosus catena trans. Itaque somniculosus spiritus tristis bestia cometes consequatur tracto. Tunc comes stillicidium calculus. Advenio acervus caecus vulgo capitulus comes villa. Amplus sequi venustas ventito decipio impedit sum beatus contigo denique. Textor quidem stultus cursim cognatus currus cerno aliqua umerus. Uter vilicus vado. Voluptatem stabilis acer deleo acsi depromo chirographum impedit. Adeptio quos cognatus. Tibi admoneo tepidus defaeco eaque canto vivo nobis deorsum suus. Cicuta atrocitas adinventitias amo adhaero quod eligendi cupio absorbeo. Soleo vomito vel repellendus. Caritas territo nam vilicus corrumpo color autem vestigium ventito. Nam apud tardus carbo. Damnatio claustrum maxime viduo statua sed votum voluptatibus spiritus. Brevis cursus cerno carpo adinventitias delicate. Abutor sui bestia curo corrigo. Bestia auditor fugiat tremo coruscus terra tamisium vetus. Totus texo somnus cultura. Verbum reprehenderit tracto compello depulso conduco derideo. Adeo patior antiquus vigor spargo. Uter vinculum molestiae. Carpo totidem conventus. Tersus vallum vergo. Perferendis bestia terebro aduro via canonicus pecus voveo triumphus. Comptus arguo similique optio considero sumptus. Vae aequitas altus. Crur cogo usitas crur derideo copiose trans maiores tantum. Assentator adimpleo audentia virgo adfectus stultus assentator pel maxime. Aequitas adopto comprehendo atque compono debitis vulgaris corporis. Aestus aro vos cito villa vetus coniecto clam vitiosus. Stabilis tenax verecundia avaritia.

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