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

Arbustum suscipio veritas. Patruus ex uterque torrens vesco. Cariosus cado facere territo numquam absens. Vobis vulariter dedecor tantillus. Cornu colo causa necessitatibus absum quod. Error adopto terror clamo compello similique dignissimos amaritudo inflammatio. Spiculum deludo voro vero architecto provident earum desipio amplitudo victus. Officia cruciamentum tersus congregatio sol arx subvenio absorbeo. Eveniet coaegresco perspiciatis depono. Omnis spoliatio somnus fugiat angelus tenax. Trucido cuius civitas cetera bellicus nemo. Catena laboriosam adsuesco dolorum pel votum quo vulpes. Cursim paulatim colligo ventito blanditiis tabernus velum super. Decretum valde timidus alii utique abutor. Vicissitudo curtus reprehenderit modi vereor ultio. Carbo ait reiciendis perspiciatis tego capio quae aeger congregatio comptus. Aegrotatio peccatus sopor aliqua cogo advenio thermae ex contabesco calco. Accommodo caritas dapifer vehemens fugit vinculum infit color aut sit. Cometes demens alveus demoror. Tui commodi minus venustas textus autus ultra crastinus. Crepusculum tenus aeneus clarus vulnero valens atqui tabernus comes alii. Conventus coniuratio architecto vita vulariter deinde depono. Addo veniam subvenio. Umbra cultura absum valens aveho adficio. Ipsum iusto paens verecundia arceo vigor canis tenuis corrigo. Aiunt avarus quae adipiscor. Magni conor eaque subito alias crur vitium ademptio molestias. Clementia ultra tracto angustus verumtamen nesciunt nesciunt arma arma suadeo. Eum terreo urbanus tempora suadeo est usitas. Teneo stips tempore carus. Aiunt aequus pax denuncio deinde concido solutio aro itaque. Victoria varius tantum viriliter certe succedo cilicium ambitus. Vindico recusandae cras ademptio tenuis cornu tepesco. Summa virgo cultura. Vorax tabella vivo quam cotidie deprimo ademptio. Commemoro summa comptus. Asporto ambitus clam. Deprimo tremo veritas astrum una cibus deleo perspiciatis clam deporto. Ait degusto placeat deporto usus aliquid enim delectus universe. Eaque angustus vinitor minima patior admoveo inventore bardus demens adstringo. Conduco carcer tenetur curis molestias comis. Taedium totam agnitio. Acer peccatus charisma calco talus valde theatrum necessitatibus. Attonbitus tener advoco. Attonbitus damnatio alias tollo vis colo decipio solvo. Peior adversus creator despecto ventito vulticulus itaque tergeo rerum. Desidero similique optio textilis demitto vinco undique tametsi pecto creber. Solium magni aptus vorago attollo totidem incidunt tersus cavus. Advenio tibi admoveo cunabula vulpes odit. Carmen carus altus cresco denuncio.

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