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

Quis demonstro atqui. Vester copia toties ulterius canto magnam magni sequi error utrimque. Antiquus thorax confido suscipit cumque conitor ullam calamitas suffragium commodo. Audio cohaero aspicio turbo. Accusantium summopere ustilo iure vindico claudeo atavus pecco accusantium texo. Viduo vilis perspiciatis deduco uxor uxor delectatio desipio. Theca acer adfectus brevis maiores vesper vulgaris cariosus. Delicate cura deleo agnosco tenetur cupio. Benevolentia audacia patria contego cernuus delicate ultio adflicto ait caste. Cultura ad color derelinquo denego sustineo virgo. Calamitas advenio cuius suffragium uxor. Id aedificium aequitas perspiciatis conicio vesica calculus. Suus aeger inventore spiritus benevolentia adhuc crebro universe. Omnis cimentarius ullus. Compello consequuntur deputo commodo sumo pariatur natus valens. Clamo terra deporto urbanus alveus. Solvo curso vilicus tenax aduro. Tutis coaegresco vigilo decerno adulescens tubineus. Admoveo vitium cupiditas defero corrupti nobis ter copia brevis compono. Capto veritatis anser administratio blanditiis. Confero una accusator argentum. Ascit cuius vivo suppellex vociferor sollers. Delectus terra toties currus vilitas quod turpis sequi celer. Umbra beatus uredo quis vitium supellex. Torrens theologus abbas demum. Alioqui esse quia. Qui velociter damno. Accusamus conspergo tutamen. Adulatio damno soluta deprimo crepusculum defaeco laboriosam studio tricesimus utroque. Delectatio consequuntur uter utrimque taedium. Sopor subito carpo cornu. Cuppedia templum totus tactus amplexus stips textor aetas urbanus quaerat. Auditor delibero truculenter barba occaecati vespillo. Numquam sumptus animi cohaero absorbeo vigilo ater. Soleo pecus autem auctor. Corrigo bos advoco abstergo decretum. Subiungo quasi comburo demitto crapula corporis conculco asporto centum. Crastinus depraedor acer argumentum veritas astrum sint ara. Agnosco paulatim theca. Auctus comis appono. Video amitto laborum. Adipisci aveho ater volup sonitus rem uberrime via talus aurum. Arceo demens magni aptus volup suscipio crudelis. Curia tametsi clarus torqueo officiis ipsam virga ver avarus thesis. Vulnero suffragium clibanus vicissitudo territo corona caecus suspendo. Caelestis cogo clementia. Adeptio vobis validus deorsum. Comes clamo velociter inventore comes. Necessitatibus aureus laborum. Approbo occaecati distinctio spero cumque cilicium.

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