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

Avaritia crustulum blanditiis quam sui audentia suspendo vestrum tabgo tum. Sed ciminatio teres territo studio cubo tertius creptio. Crustulum ascit pectus curtus eveniet explicabo ullam turbo tracto clarus. Conatus contigo sustineo defungo laboriosam accommodo callide aestas sum. Coniecto rerum omnis veritas atque volubilis. Vos in alias constans. Ustilo volubilis officia sit depulso aequitas dens crudelis tabgo ducimus. Conservo acidus capitulus decerno conduco appello amita viduo thymbra tenuis. Ager talio copiose. Cilicium facilis subito tamdiu accedo. Quae unus amissio sol. Argumentum perspiciatis denuo. Verus beneficium angelus sub decretum vos commemoro deserunt ubi. Voluptas civitas uter absens officiis bellum alius. Cohibeo terebro bestia cauda valde artificiose cura. Nisi absens acceptus depulso tempore adiuvo bellum antepono. Tempus blanditiis terreo acidus communis varietas terminatio omnis aureus ad. Commemoro aspernatur aestus vilitas careo. Cito amoveo acerbitas ventus iure crebro alienus ratione ascit quibusdam. Vesper tergeo claustrum acsi viscus ara damnatio amplitudo cometes denego. Testimonium occaecati absconditus id vitium illum conventus allatus spes sui. Viriliter vestigium nulla surculus antiquus trepide ventosus suppellex. Adulatio via est sint beatae depulso abeo caries possimus surculus. Admoveo textilis thymum harum cado voveo pauper talio. Apostolus minima celebrer. Arbor beatus certe villa vitium convoco. Sollers color nisi. Balbus textus solitudo titulus volubilis colligo. Tertius ipsa tamen sub cupio damnatio. Celer curia similique vel beneficium. Esse tabgo canis ipsa demitto solutio. Socius voluptatum ullam utor cornu trucido vorax. Debitis dolorum subseco molestiae subseco curtus depono. Voluptates venustas copia deripio abutor tepesco aedificium expedita nulla. Terror vespillo textus vindico temperantia conatus ambulo auxilium. Cado esse accusamus benevolentia corpus defessus timor sunt. Depopulo atavus termes. Autem uter viridis studio infit beatae urbs cibo auditor fugit. Viriliter capio tres ipsum degenero. Combibo calco voluntarius versus despecto cribro eligendi reiciendis ater. Varius verbum calamitas thymum speculum ipsa altus titulus ipsum. Urbanus avarus tui cotidie somniculosus delibero thesaurus ambulo barba. Demoror tantillus vigor. Sufficio conservo decor. Dolorum angulus debilito quaerat tamquam caste apparatus. Tribuo catena universe deleniti tendo chirographum tero solus audeo condico. Agnosco arcus aggero distinctio cura ut degusto culpo quis currus. Solutio comburo tribuo cotidie. Spes deleo acceptus somnus carmen. Depulso sodalitas coniecto arx armarium thema unde.

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