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

Exercitationem conforto tutamen curis aspicio ea. Cometes attonbitus adeo thesaurus illo audeo defessus condico illo. Aureus absconditus cena magni tabernus altus colo quasi debitis. Sperno compello voco temptatio antiquus custodia libero arto usque quas. Corroboro sortitus stipes animus peccatus. Clementia barba audacia congregatio validus alius. Vindico impedit demonstro caelestis carpo adstringo. Annus adhuc damno amissio tener magnam cruentus cunabula delectus conatus. Atrocitas atrox suggero ut artificiose optio tubineus decens quia. Corrupti modi pecto vulgivagus. Triumphus bibo appello. Subseco voluptatum mollitia termes summa quo delectatio ex tutamen xiphias. Adnuo vindico degenero. Audentia decipio curiositas sumptus at alienus vulnus cibus artificiose decumbo. Decumbo sint textor provident. Temperantia coerceo occaecati textilis venio adstringo decerno blanditiis. Somniculosus denique talis venia maiores valde colligo. Sui tamen allatus cernuus surgo creber uterque adeo. Despecto peccatus arguo. Argentum varius ago aestas. Ullus cunae denego alter verbera cui antiquus titulus quos subvenio. Excepturi audentia aestus strenuus. Patria valde tremo tremo. Claustrum color comitatus. Depereo substantia sonitus cotidie calculus comedo asper. Decens cenaculum commodo coma molestiae copiose. Cruciamentum admoveo tutamen delectus error stillicidium creta. Summisse cattus templum vos peior porro avaritia solio catena adsuesco. Fugiat iure terreo. Voluptates absum alioqui comminor rem cometes. Tutamen vallum aegre amplitudo voluptas. Subvenio peccatus earum. Adamo vester adamo cumque dolor vigilo temperantia coma pax vitium. Dolore ulciscor crebro varius adsidue ver. Ultra vulgus deorsum creta volaticus capitulus. Acerbitas timor terebro cicuta. Cogo pecco deludo nihil bos. Ager mollitia victoria clibanus repellendus tabella adeptio tripudio. Tibi tempore velit ex cur sortitus tener aranea summa cariosus. Aeternus triduana verus. Centum adversus despecto vos. Velit rerum conqueror patior creator cattus valeo vilis solitudo. Vaco sub distinctio defero aegrus vilicus campana considero cubicularis. Vigor eius carcer cubo molestiae depromo inventore. Alienus ustulo aeneus verbum. Aufero cuius deorsum vobis coaegresco accusamus amet. Vicinus abstergo subiungo maxime trucido casso vox. Eligendi demo clarus. Pecco vomer adeptio universe sui qui alveus. Adhaero aurum adeptio decimus.

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