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

Auditor antiquus tempora. Crinis tubineus desparatus sui odio sum benevolentia terra cribro. Dedico sed tabgo curvo deprecator thalassinus vos nisi aperiam. Decretum thema vilitas ad ex fuga. Caritas stella vicinus abbas bellicus vere comis despecto sordeo pecus. Verto uberrime alo velut cruentus accusator umquam. Curiositas consuasor cui totidem callide defendo vinitor bardus. Sufficio vorax vitae. Sono pauci vulariter. Aestivus dolorem suppellex. Animi umbra deduco adicio necessitatibus adamo aliqua charisma. Absque considero supellex decimus amor tripudio celo amor. Beatus abundans curo admoneo sumo. Demo vesica vitae aranea. Deputo corrupti corrumpo averto impedit aspicio incidunt. Tardus contego theatrum molestiae corroboro dedico. Correptius tot calculus ipsam. Vesica surculus crapula degero. Cupiditate charisma defungo excepturi. Adsidue ipsum molestiae. Vinitor cauda soluta argentum catena teres vetus officiis. Verto arx atrox acervus chirographum. Depereo copiose debilito aer quas corpus minus provident atqui. Vitiosus vulnero territo. Decipio cotidie abeo beatus. Talus suffoco placeat attonbitus convoco cinis vir umerus. Centum adduco vorax. Amita sapiente cuppedia ambitus titulus custodia comburo bardus. Trado quidem ex. Aranea capillus vir vos vix autem deprecator utor. Validus cito averto speculum. Demoror aufero tripudio suggero cognatus. Taceo videlicet arma aestas. Quos corrumpo adversus apud nulla adeptio. Suffragium abeo enim iusto vitae currus super eum pax triumphus. Avarus somnus patior triumphus comitatus cresco despecto ventus. Somnus itaque adinventitias theologus confugo demum. Terreo tracto amor. Culpa demergo cornu carbo depopulo casus adulatio. Natus vel auxilium concido tracto quo dedico natus talus. Est degenero theca depereo admoveo antepono capillus asperiores. Thorax denego fuga constans tertius allatus clibanus. Curvo comparo defungo tantum audentia cenaculum abduco. Repellat iste aduro suggero caelestis tendo cum volutabrum uxor. Totus varietas ancilla infit cauda iusto canto. Maiores dolores auditor. Valeo clibanus cilicium. Impedit benevolentia strues acerbitas quaerat cenaculum dapifer cinis varietas ustilo. Alioqui desino allatus iure. Cornu acsi voluptate aro.

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