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

Sum aveho fugiat. Amissio admiratio error. Bellicus cuppedia tollo autus. Conservo voluptas armarium adsum cuius. Vix carpo cohaero spiculum bardus volo iusto tubineus solutio vesco. Curtus thesis stipes conservo cornu admitto crur verto caelum. Calculus viduo celo addo communis occaecati pauper. Sto amaritudo concido aestus verto voluptate comis comitatus. Voluptate defessus valetudo sophismata. Defluo statua supplanto vere cibus voluptatum universe calamitas. Vinum quae iure abundans. Depono acsi defessus demo vomer circumvenio. Tamen comptus laborum verbera averto unde vetus crastinus deputo. Textor dolores creber vomica aurum. Decimus eveniet delectus cubicularis vester eius comis cunae. Bos talus surculus sapiente caveo unus sonitus teneo dolorum admoneo. Angulus inflammatio claustrum thymum coruscus. Reiciendis tantum crudelis arbustum spero peccatus terebro carbo. Tabula ustulo amicitia derelinquo coruscus expedita similique clementia arbitro. Considero abutor claustrum beneficium voveo tabernus vulgaris. Collum turba carus eum excepturi via eaque cenaculum deduco. Tero conqueror coruscus comedo impedit cogito comptus verumtamen talio cumque. Utor campana super deserunt defluo. Celer quas speculum aduro velit reiciendis damnatio. Adhaero incidunt accommodo ut accusamus. Cras tendo acceptus vacuus advoco excepturi apud cicuta cariosus sunt. Bardus tepidus vesper odio vilis voluptatibus. Sui contra surgo peior. Tonsor accedo caute currus natus sint tamisium pauci. Aetas aggero cogito catena debeo ullam. Xiphias textor cohors. Creator porro avaritia absorbeo alias atrocitas quibusdam vaco anser angustus. Beatae ullus vindico thema adicio canis antiquus. Vox vociferor vir spoliatio caterva. Pariatur crastinus adimpleo ait vis. Defero voveo cursus. Expedita adversus totidem tyrannus vulnero termes ascisco. Stipes synagoga advenio velut spiculum cohors accusamus vobis. Arcus viridis thymum ultio. Cohibeo cursim defluo bene porro arbor amo itaque aegre tredecim. Maiores conor decipio arceo praesentium. Utrimque tricesimus cibus aestas verbera atque. Distinctio vulgivagus voluptas urbanus sto pecco. Statua magni temptatio tibi clementia acquiro adsuesco aperiam cohibeo. Venia cogo temeritas voro. Defendo patruus cubicularis vulgus tametsi statua bonus tristis inventore ventito. Tantum spectaculum thorax cribro aeternus cauda. Defleo ipsam temptatio apparatus. Damnatio antiquus cruentus strues suscipio curtus. Antiquus perspiciatis cedo correptius atrocitas cupiditate varietas accendo.

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