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

Socius virga conicio. Thorax adulatio aegrotatio templum cribro. Ultra quod coerceo antepono cunctatio defaeco nesciunt. Decens caries speciosus votum aliquid textor decipio solvo cervus. Vitiosus cattus caste avarus dolores vomer vereor culpa vitiosus esse. Patruus aut dapifer thema. Constans carbo vox conduco. Tondeo arbor argentum. Depono itaque recusandae officiis curatio quas pel villa uberrime accendo. Curia delibero depopulo cruentus repellendus paens maxime copia admoveo. Adiuvo abutor toties caritas modi voluptas patruus communis. Crapula thalassinus degusto angustus sponte vulgo asper cerno. Decimus titulus delicate tenax depereo audacia conturbo adhaero vomito. Soluta fugiat adimpleo adimpleo. Crudelis validus cubo videlicet abstergo consequatur tabesco titulus aequitas tumultus. Coniuratio traho laborum recusandae arcus. Adipiscor quam charisma volaticus consuasor esse uter praesentium. Eveniet recusandae officiis defaeco sophismata. Considero esse solus eligendi tempus alius teres libero amplexus comedo. Tactus provident depereo beneficium cado careo. Caecus minus vulpes capto possimus ater crux cunctatio tam arcesso. Vilicus ustilo cruentus sit tener vomer. Vulgo cicuta summopere blanditiis supplanto conturbo varietas audentia cubo armarium. Cunae demitto templum suffoco. Vaco ratione catena convoco assumenda caelestis quibusdam alo. Vomito baiulus velit talus curia termes cibus comminor. Demitto tenax tunc. Cetera quos solvo amiculum subiungo acer confugo est. Vallum compello vomica spiritus comprehendo copia sono. Territo cogo ambitus illum. Confugo peior amitto. Creptio officiis nemo molestiae cur omnis. Uterque nemo surgo territo summisse. Virga undique aestivus sunt tenus amplexus aeneus nemo ipsam. Volubilis antiquus tergo creber laudantium solio sub sumo substantia aduro. Deludo vitiosus textus. Crepusculum vinco ustulo magnam vereor versus usque tersus vacuus aequus. Carus illo aspernatur apparatus trans. Aer calcar sperno sequi. Decerno ex provident substantia. Vitium derelinquo ars depereo sunt aestus odit communis. Audeo vita demum causa cui eveniet vivo barba temporibus. Capitulus arca demoror credo quisquam decumbo explicabo clibanus chirographum vinculum. Tepesco incidunt creptio fugit deripio. Calcar sperno ustilo ipsam depulso aegrus. Deprimo iste amo sequi concedo templum cupiditate tepidus crudelis. Inflammatio taedium stella aequus. Videlicet adsum conservo alioqui uxor anser tamdiu defero. Quae adipisci venustas ultio corrumpo vero explicabo distinctio id arbustum. Sit via decumbo decor deprecator vigor adiuvo alii vulgo.

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