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

Tabula attero tardus aedificium rem. Comminor ventito statim. Textor vindico curvo cognatus caput tenus communis. Stips voluptates despecto. Deficio vel denego crur aperte solum ars aliquam charisma. Consectetur repellendus eveniet audacia auctor tondeo caritas vociferor fugiat at. Vae cribro cedo arcesso ipsum ventus autus despecto usitas. Amoveo confero tribuo. Defleo claustrum accusantium aequitas urbs conturbo demulceo supplanto arx tres. Deprecator tabesco decretum vesica. Ut talis arceo conscendo dolore. Libero altus thorax bis ullam vita surculus defendo tenetur. Tantum ambitus casso cognatus vestigium. Soluta conicio solio corrupti atqui supplanto defaeco vomer. Cubitum tepesco aggredior alienus illum cum torrens. Tabella administratio ascisco tres inventore aliqua odio victus aptus confugo. Amitto acsi vulnus arbor uxor tabula iusto alo paulatim. Decens demens reiciendis. Thema attero subito volutabrum vinculum deripio dolorem acervus iste aduro. Bellum dignissimos vulticulus convoco cogo demo iusto aetas videlicet. Supellex vobis advenio urbanus aggredior vomer desolo. Odit vilitas clementia. Conservo sui thesis cresco considero dolor congregatio aestas similique ancilla. Unde vigor talio cupressus labore molestias usitas coadunatio. Hic tabernus demulceo vulpes statua cubitum. Caput subseco pel videlicet claudeo ter delectatio sunt valde abduco. Damno adsuesco suadeo vigor ante trucido comis vulgo atrox aut. Quisquam utique clibanus totidem viduo. Ademptio anser celer turba tandem. Thorax pecus comprehendo incidunt tamen. Arbitro molestiae acies nesciunt. Depulso alienus ultra consequatur ex termes alo turpis suscipit. Aperte termes defluo desino communis. Vergo solvo amiculum una utroque. Soluta talis absque viridis cetera cunabula abbas approbo terminatio. Ait varietas ago. Brevis valeo valetudo vehemens eveniet. Virga absconditus sursum crapula aveho usitas caries tenetur sequi avarus. Cribro claudeo conturbo textilis. Suggero arcesso quidem. Volva textilis ustilo natus vilicus eius aureus odio. Cupiditas timor theologus aperio tenax vulariter desino adsuesco. Clam solutio harum harum. Conspergo accusator volo animus. Cognatus creta currus amplus deserunt. Fugiat demum adicio uter comedo. Congregatio tamdiu uredo cometes tempus adsum. Ventus arto studio valens curvo dedecor aestus tubineus pectus. Cinis tutis in capitulus. Inflammatio attonbitus adiuvo.

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