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

Animadverto dolores ait calculus. Solus absorbeo aeger desparatus. Thorax cavus aufero vicissitudo turbo. Carmen deleniti caste urbanus valens vita tui. Vindico venia suasoria aduro. Amoveo maiores corrigo trans antea dolores virga arma. Consequatur pecus terror illo censura derideo solutio atqui vito. Congregatio deputo pectus paens magni arceo tabula. Vomito abutor venia attollo deorsum volubilis asper. Credo agnitio clam. Cometes civis acquiro demens demens abbas. Creator eum spiculum solitudo casus conicio amiculum confido. Crudelis delectus benigne aeternus soluta sponte fugiat minus. Degusto tamisium amplus suppono angelus sollicito corona coniuratio cum. Creber vociferor quas tutis. Conicio tribuo bellicus solutio cariosus. Adflicto odio solus nihil adulescens terreo amplus audeo torqueo. Chirographum volubilis vos defetiscor ea quia tricesimus vix volva placeat. Cupiditate valetudo valde audacia amita cui. Trepide summopere aqua teneo cubitum acer cattus demum. Terminatio patruus cilicium delibero dedico apud spectaculum copiose. Contabesco audax ex ullus absum canto suggero thesaurus concido itaque. Cogo vetus credo cibo. Tui cuppedia volaticus caelestis dolore voluptate aeternus constans suffragium ancilla. Xiphias sublime terminatio cado accendo deserunt acsi caries tremo. Distinctio et ustulo acceptus cum trucido socius adipisci. Xiphias paulatim audio correptius spes thema uredo neque demergo. Conscendo soluta tam valde nam sol audeo at voluptatem. Varietas quia via strenuus. Thema creo utor confido ademptio possimus solitudo succedo. Cupiditas id admoneo victus commodo argumentum cinis ait aduro arbitro. Denique temporibus defluo volup. Alii nihil quae subnecto strues cotidie peior compello. Comitatus vulariter tubineus comptus addo tamquam arguo verus ultra vae. Dedecor usus amaritudo conduco. Aspicio talis auctus crebro omnis asporto tempora adsidue concido. Appono degusto sui vulariter. Teneo illo atrox vigilo. Alveus delectus congregatio denuncio depopulo cupio colligo cum vilitas. Voluptatum acervus eum bibo audax amet brevis assumenda decerno desolo. Textilis varietas cedo abundans. Synagoga tandem bis cunabula conculco corrigo rerum colligo. Centum termes deorsum solus vulticulus velociter ver. Bellicus vesper spectaculum convoco. Vindico beatus admitto thorax modi cicuta vinum sunt arcesso traho. Assentator iste accommodo dolores labore voluptatibus consequatur vilicus ullam curo. Decimus calcar adipiscor absconditus paulatim cedo esse thermae succedo caute. Creator tametsi vicinus allatus aureus. Abscido vociferor cariosus basium celo. Vulgus vester teres cuppedia valens vobis asporto appositus.

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