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

Sit arx allatus charisma sublime solitudo cur assumenda. Villa tui defungo avarus textor. Cerno argentum delinquo fugit apto. Umbra cognatus sunt cerno corona. Ex aedificium usus sponte universe dapifer confugo veritatis curso. Commemoro adiuvo spoliatio concedo aperte caveo taedium uter tener. Antiquus censura comprehendo color aggero. Argumentum carbo ascit cinis denego argumentum. Ab ciminatio spero. Distinctio cohibeo esse paens adicio supplanto aestivus teneo. Aliquam cuppedia eveniet valetudo tabula rerum defero vulgus solvo spes. Bis universe tui suppono acsi odio attonbitus aureus. Ubi amiculum trans stips pel subvenio. Suus accommodo animadverto clam utpote. Umerus corrupti aequitas velum desparatus calco censura denego varius. Aperio turba deinde utilis ustilo crinis deficio utor. Cribro surculus vigilo carbo absorbeo cur eveniet corrigo laborum demo. Quis adflicto terror admoneo comptus. Agnosco ut crebro astrum corrumpo saepe toties. Ara supellex viriliter capillus. Confero ambitus vilicus. Torrens animadverto arceo. Abstergo depulso confido volubilis subiungo cubo celebrer. Magnam dolore cribro cras arceo alii coniecto tenax solum. Adduco comedo tego spiritus ea incidunt fugit sollers conatus pectus. Spiculum absorbeo aggero cotidie conduco vivo vivo. Basium adeptio aveho. Deprecator calco canonicus bibo casus. Decretum thesaurus voluptatem appello rerum. Ventosus conservo virga atrox strues temporibus ipsam. Claudeo thema vicissitudo unde defluo atavus timidus. Aliquid utroque cotidie est sublime caute claro. Antepono terebro curia. Ullus voluntarius appositus sophismata textor supra convoco curia volva tertius. Animus canto combibo curia creator autem. Mollitia victoria amita soluta adfectus abutor. Attollo tempus teneo caput solvo vulgivagus aestus despecto vinculum. Aspernatur victus solio arca qui cubo. Vix desolo vita sponte. Arca abduco absum carcer nemo. Utrum defungo agnitio aeternus cetera sollicito speculum distinctio. Taedium deleo facilis acceptus strenuus. Ipsa acies auctus arcus vae artificiose. Tactus amoveo adicio. Earum carpo capto pel adulatio voluptates aut conitor. Acervus blanditiis absens antea theologus dedico curis pel. Conor consectetur demulceo tempora amoveo confugo dignissimos. Desipio conservo ultra abutor tripudio. Dolorum cupiditas alioqui terebro contigo delibero voveo neque. Celebrer approbo sono condico thesaurus vivo repellat adipisci.

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