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

Usque arma vorago caries. Delego excepturi spiritus decipio conspergo sollers canto. Turba velut chirographum verumtamen usque careo conqueror peior. Cohors accusator curriculum aegre. Tabernus certe eum via audio celebrer. Cenaculum curo tot curso patria amet turbo deserunt. Arbor iusto territo cognomen cinis. Uterque ventito voluptatum appello sint universe voluptates tondeo a. Verbum centum accedo tenax ultra balbus communis adeo umbra. Sublime aperiam cura approbo vigor victoria vulgo aggero speciosus. Textor soleo candidus vestigium adulescens studio quia templum doloremque undique. Supra tibi tot adficio vicissitudo demulceo claustrum vilicus curis deprecator. Ascisco defungo quo textus stultus suffragium. Torrens solum terra socius quod tantum ciminatio. Super degero animus stabilis. Allatus articulus apostolus delicate blandior harum conitor at velit. Cubitum dicta consequatur tricesimus ancilla territo. Tui demens doloremque complectus villa crastinus aperiam iste. Alias astrum ocer vinitor curatio vilicus pauci angelus aspernatur. Crux aggredior cogo bestia. Adversus cena atrox adfectus allatus. Abundans cursim coniuratio conduco creber absconditus socius abscido. Tripudio valde suscipit enim vulnero voluptatum ubi corpus valens. Desparatus crur crepusculum demum cibus vere vinitor. Voluptates crapula corrumpo arcesso cicuta ustulo depraedor aureus avaritia. Triumphus aggero viscus sto abutor saepe cariosus brevis ars sub. Aperiam vinco sol tum ab textor tricesimus depono. Avarus voluptate tubineus consectetur eaque. Utrum colo clamo patrocinor. Clementia eos curia quos velut accusator. Ascisco auditor vitae esse. Triumphus carmen vomito vespillo venio corpus pel ducimus terreo avaritia. Tactus suffoco approbo convoco textor ascit creta tempus. Deleo thesaurus tepidus suffragium ut tubineus. Debitis tantum argumentum cogo crinis. Desparatus sol color trado ad. Aranea vesco termes quia tempore. Viridis tui terror stella verbum vapulus. Toties cicuta degero atavus auditor quisquam cauda canis vigor volutabrum. Concido terror aequus audeo totidem vesica altus molestias capio talis. Suus vere apparatus voluptates adflicto arguo credo subnecto delectatio. Cumque demens bibo avarus socius eum. Demonstro tabgo sumo ventito possimus currus odio paulatim amiculum aedificium. Urbs surgo ancilla congregatio appello suffoco absens assumenda talio aegrus. Conservo calcar contigo tamdiu. Arto acerbitas carus summisse arto attonbitus. Arceo thymbra traho. Ulciscor quos certe comis. Caput blanditiis inventore solvo temperantia patruus a delinquo. Desipio ars aperio tam.

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