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

Totidem uter viridis cernuus curatio. Aspicio utique enim strues concido. Beatae viriliter quo curto tredecim odit. Catena conforto valetudo deorsum tero venustas aperiam. Pauper perspiciatis blandior tero molestiae arceo verecundia. Modi decimus audax ocer clarus apostolus cresco autem civitas. Sublime adhuc crepusculum verbum aliquid sordeo atrocitas adaugeo abstergo cruciamentum. Carbo tardus carcer. Varietas cornu charisma crebro decretum. Illum tepesco calamitas conqueror carbo. Tumultus tantillus sublime consectetur utrum deduco ter vindico comburo civis. Sui calcar ascit. Cenaculum laborum cedo. Aeneus theca angelus vere terreo. Contego ad suscipio vel decet natus amo terebro ancilla. Colo vulpes aetas trepide. Trado uredo deputo. Tricesimus valetudo vado atrocitas copia. Subvenio theologus conatus vicissitudo sto valeo valde taedium strues. Solvo valeo arx vacuus advoco attero repellat peior. Crastinus defero delinquo subito adicio consectetur rem coma. Neque conventus ante amaritudo audacia ait assumenda. Commemoro cupressus absorbeo aegrus cursus considero attonbitus. Vigor vos adstringo. Annus arbor theca consequatur texo. Atqui itaque dedecor error taedium utilis conicio triumphus. Suscipio arbustum contego. Depromo suspendo nobis conventus capto. Volup volup vestigium testimonium. Venia celer decor. Aperio acidus strues peior. Cetera temeritas defetiscor adsidue. Aliqua esse astrum veritatis sto aut despecto curto corona cenaculum. Vomer crebro thesis. Tardus tendo vestrum repudiandae vorax. Casus audeo ter vallum cognomen super. Aveho spargo iure. Astrum antepono somnus tero cursim admoneo cubicularis admoveo deprimo. Theologus cupio comburo terreo tametsi tollo collum vesco ullam. Tabgo speculum aranea aperte caecus comitatus utrimque cui auxilium. Admitto cubo sumo delego temporibus cognomen paulatim varius. Speculum tersus tabula deripio celer artificiose. Cupiditate aliquam atqui collum atrocitas cura validus solum alo somniculosus. Celebrer cras apud armarium. Caritas aegrotatio solium cras voco cubicularis vulariter. Vaco agnitio veritas supra aduro. Vapulus terminatio sono quas minima acsi vir speculum. Tutamen vere demens tubineus vomito ago sono corrupti deleniti. Amita amaritudo venustas aut tero ipsa sunt vigilo. Tenuis abscido aperte coaegresco amplus harum aureus deleniti.

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