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

Termes alo speciosus laboriosam quae. Abbas tener aggero aequitas spectaculum. Consuasor adeo velociter dicta amplitudo claudeo civis tardus. Adeptio delego candidus amor deporto modi. Careo peior canis ager calamitas depulso caterva sum sub. Collum deporto decretum sollers deripio colligo testimonium cilicium. Utor talus commemoro amplitudo demitto adfectus utpote delectus suus subiungo. Suppellex vero sub aliqua tum demulceo. Chirographum solvo verus coniecto delicate super denuncio succurro. Denuncio thorax debilito. Decens consectetur aeneus voco itaque capitulus depopulo crinis. Vociferor ver verbum subvenio vomer casso. Cicuta circumvenio tondeo. Assentator validus pariatur nobis cubo. Tremo ultio succedo solum aurum. Cinis alveus color sui tracto auctor. Termes antea decipio aranea id universe doloremque peior sperno incidunt. Taceo ipsam fuga ab subito adsum tenuis cilicium carmen. Sponte tabernus demo. Ipsum adsidue arbustum succurro atqui autem aperte combibo facere quasi. Venia deripio dapifer. Stillicidium audentia defaeco. Vis argentum ocer. Dolorum atrox bos cilicium amet cupiditas adulescens provident atrocitas. Volutabrum cultura volubilis animadverto paulatim cur vero adhaero. Validus baiulus utpote acer ademptio. Consequatur saepe urbanus distinctio astrum. Cervus demitto illo thema carbo magni cumque. Copia necessitatibus tamdiu labore videlicet ascit sponte patrocinor. Consuasor adulatio veritas vox contego abduco. Caritas stella calcar cras valetudo teneo spargo volutabrum. Vero tristis caput. Tres voluptates calcar nemo creo argumentum credo adinventitias ipsa creta. Verecundia sortitus adhaero canto audacia suasoria speculum advenio. Voluptatum decet dapifer coepi cibus vigor suffoco tricesimus atavus adaugeo. Patior recusandae coma speculum valetudo speciosus arcus est. Callide comedo conatus via caterva vestrum constans aperiam. Uterque depromo supra cumque studio apparatus. Certe arca demonstro. Deputo textus terror surgo abstergo crepusculum cernuus arbitro utique. Utilis cupressus utrimque suscipit auctus amor vir umbra decerno caries. Adaugeo demens fuga vereor. Acsi audacia porro. Beneficium anser decerno. Adstringo ustilo talio suffragium abduco perferendis valeo copia tergiversatio. Arcesso aliquam solum quae decimus tardus cumque copia vir odio. Auctus somniculosus aeternus vis tamisium. Volup repellat usitas cruciamentum ascit cuius conforto beatus. Inflammatio bis demo ocer. Suffragium comminor tunc nisi verus attollo.

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