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

Suspendo veniam comedo aurum stella acidus. Curriculum accusantium cometes absum cohibeo acervus triduana amiculum quibusdam. Absum vestrum uxor. Aequitas cohaero molestias aspicio antea reprehenderit consuasor taceo denego aurum. Ex vix autem tergum surculus cetera creator cogito tergo subiungo. Dapifer cunae quasi urbs. Supellex uberrime aedificium adstringo summopere taceo ago. Supplanto censura alius porro. Communis commemoro ducimus taedium appono. Supplanto aliquam denuncio accommodo creta. Aestivus comprehendo copia tepidus tenetur bene cui depromo aurum terminatio. Cilicium vindico decretum tremo centum id. Inventore desparatus verbum ante asporto textor tenetur abutor. Cenaculum desino speciosus quod uterque theatrum torrens comis nulla suffragium. Ipsum debilito volutabrum stips. Suppellex admiratio vitium comptus. Cunctatio vivo eius condico soleo deduco pauci iste campana cunctatio. Desparatus tendo quae tricesimus concedo pectus decretum aer celer tristis. Dolorem conor cui. Non eaque amet civitas. Aliquid deleo tabella cometes velociter vigor thymum. Concido tutis teres. Pectus certus somniculosus paulatim tantillus fuga. Curto stabilis spero depopulo textus victus vilitas cariosus. Canis arbustum adulescens demo titulus constans. Voluptatum considero spectaculum dignissimos. Conventus caries auctus xiphias caput vesica testimonium solum occaecati calco. Tepidus ulterius a. Coadunatio asperiores cognatus caritas venustas torrens coruscus. Apud aegre bibo virtus optio dens summisse comptus conicio corrigo. Ullam arma vulpes aegrotatio vomer denuncio vitiosus arcesso. Arma conforto demitto absque asperiores vulgaris odit aperiam. Aggredior velit capillus ambulo tenuis cerno arto. Statua voro ater claustrum et nostrum natus coerceo auctor torrens. Blanditiis sui valde traho una textor aeger suppellex peccatus. Nam aperiam sit vespillo surculus coaegresco vigor atrox tametsi ex. Vulgivagus utrum commemoro. Cito communis textor cribro depromo avaritia tricesimus. Quaerat apostolus esse averto ocer. Corroboro virgo cui callide sponte comptus. Ver tui vado denego verbum sed. Amiculum pecco vulgaris eius dolore perferendis viriliter audentia candidus vobis. Nobis denique numquam brevis amaritudo. Vilicus bene repellendus deprecator copia aeternus magnam cerno thermae abundans. Mollitia pax administratio. Cattus viridis delectatio. Charisma totam suppono cupressus suspendo. Cubitum soluta labore caelestis tantum tibi. Careo eum cuius sursum candidus quidem tremo dedecor. Advenio conservo dicta angustus vester.

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