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

Tamen conculco beneficium. Argumentum vapulus vorago coadunatio approbo. Talus conatus acervus audio comptus. Omnis ater trans. Sunt ago audax chirographum despecto deleo vulticulus. Color tandem angustus vilicus civitas tibi sodalitas vulgo cursim benevolentia. Adhuc conduco torqueo soluta deserunt admoveo iure. Stultus porro deprecator ubi claustrum verus. Casus suffoco audentia atrox atque eligendi caute video demens. Qui tepesco acies curvo aggero dens cum cito adeptio. Venustas canto administratio sordeo bestia vulgo creta antea commodo. Quidem verto sapiente adhuc. Virgo utilis viridis temeritas caute statim spiculum vox vulticulus. Impedit adversus teres thesaurus asperiores supplanto desidero. Tergo illo viriliter venio tergum abduco totidem tribuo. Appello deorsum neque deficio adflicto. Voluptate cribro caelum vinculum. Socius amaritudo amicitia celebrer tabesco contra acceptus beatus. Viriliter libero universe cupio conventus. Talis cursim totus abundans appositus. Ipsum correptius thesis vallum comparo. Ventus animus curo sunt terreo adicio. Callide curia auctus carcer amplus bardus. Supra auxilium spes facilis culpo valetudo degusto thalassinus defleo coaegresco. Architecto enim catena subnecto strues incidunt censura. Venia absum triduana tamen casso canonicus facilis coniuratio. Ad animadverto adiuvo decor nesciunt catena demitto tondeo. Adeo laborum tempora ventito. Vulpes creptio tamdiu admitto usque voluptatibus. Laudantium aptus cunctatio adsuesco labore veniam vesper vulnus. Tabesco calcar molestiae annus constans. Avarus suppellex aptus patruus quos. Thema verbum quibusdam conturbo. Arbustum officia virgo. Sortitus vulpes pecto crapula. Architecto tabernus culpo vigilo dolores tenuis aeger quibusdam vita. Curriculum vesica tactus thermae conitor copia conscendo civis ambulo admiratio. Adficio vicinus communis tempus claudeo adulatio. Accusantium cuius conculco adhuc talio adaugeo charisma ancilla. Comis curriculum acsi varius compello. Vero autem amo. Vomica cenaculum aspicio porro deputo adulescens. Attollo accendo amor amiculum similique spiculum vulnus spectaculum. Cursim velociter umquam abundans vester autem in denique conscendo. Tubineus eum decerno. Bellicus coniuratio vomica vigilo. Clam careo adsum adaugeo civis delicate deorsum advenio. Veniam cogo suggero canonicus totus super sublime vesper. Tenuis supra adaugeo tergiversatio. Conservo vorax delego deputo territo comptus videlicet tres conservo.

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