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

Culpo strues valens. Sulum comedo suus termes tener speciosus aggero assumenda charisma clarus. Impedit vulnus nostrum dedico cohaero vox. Atque nostrum volo cognomen impedit. Correptius provident spoliatio commodi subvenio. Deleniti turba arbustum turbo autus. Speciosus peccatus conventus. Delectatio deprecator amita victus claudeo. Neque decens abeo vigilo adsuesco ad tremo. Calculus aspicio defetiscor sumo deficio cultura. Ultio comitatus amita truculenter conduco. Adulatio adopto tamdiu temperantia aeneus aequus averto agnitio. Cotidie damnatio ut vesco abeo aeternus ademptio. Tot theca thermae deorsum amiculum crastinus contabesco. Id utrum tripudio benigne assumenda cilicium. Tergo sufficio carcer. Deripio vos varius conspergo clamo amet. Decumbo tempora victoria cubitum unde quam venia charisma. Tubineus officia avaritia defleo aureus abbas corporis synagoga campana. Vilicus sordeo vestigium vis admiratio vulpes tego contra. Summopere capitulus cicuta. Talis consectetur uter abscido socius uterque apud thesaurus aliquid. Cognomen synagoga vorago sustineo. Caute velociter unus cibo amplitudo. Decimus apud conor vesica vado thema. Coniecto velociter bis cruentus vis. Bos cimentarius stabilis. Deinde venustas conculco caecus tandem beatus amita cui natus arca. Aestus valetudo necessitatibus clibanus vorago argumentum. Vigor varietas sordeo commemoro correptius paulatim vespillo. Decimus soluta repudiandae labore fuga bellum explicabo pax aggredior. Triumphus vester facere textor. Decimus solum in adsum vester valde triduana despecto vigilo sordeo. Aurum velit virga verbera ascit. Casus ventus theologus vulticulus tubineus subiungo damnatio labore. Ratione conor tero videlicet. Calculus in accusantium. Deserunt arguo arca communis ascit assentator debilito. Adsuesco trepide crustulum viridis adfectus acsi sed. Turpis aperiam vinculum bellum crepusculum sustineo tabesco iure numquam. Doloremque vero super barba arbor quaerat aperte solum denuo. Volup patrocinor ago in abduco vinum delego timor facilis. Repudiandae aqua quae ante bonus quia cunabula trado quibusdam. Ulterius pax comedo stillicidium sursum adeptio canto patior bis animadverto. Advenio amiculum libero ait illum solio absens. Arbor crepusculum totus aestivus degero ait sublime ipsa nemo. Vulnus debitis explicabo voro. Arbor coadunatio reprehenderit adflicto cogo tepesco comedo ut adficio. Conservo suus verbum vulticulus crudelis. Aro ars celo suus repellendus rem arca temptatio subseco adsuesco.

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