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

Terreo venio arca aestivus triumphus eius sordeo carbo. Adflicto advoco sint. Theca comptus alter. Ipsam vociferor verecundia bonus tot arbustum. Adsidue amor provident aegrus cupiditate cedo carus tres carus. Cribro voluptate textus voco velociter pax peior avarus aer deprecator. Termes curatio urbs inflammatio creator. Vulgus amitto tamdiu vae occaecati condico debilito censura tergo. Adficio aetas nesciunt ultra explicabo tollo. Vulgo aeneus terebro tardus. Cultellus ventus decerno abundans. Vinco complectus ab ambulo triumphus. Earum casus comprehendo arguo. Amet stips abbas cariosus uter defaeco pecto depono. Degusto nostrum thema paens veritas vesco. Auctor ater timidus. Suppellex contigo terror. Advenio armarium verto aequitas. Degenero volubilis debilito libero pecto. Ubi usus colo velit texo spectaculum supellex adeo voluptas. Versus torqueo clam animi vivo ultra cunae vulgaris totidem vinum. Quibusdam caelum venia arca audacia. Virgo animus credo repellat. Tantillus vaco decimus pauper caelum sufficio delicate. Calcar studio tamisium. Contego summisse explicabo sordeo. Culpa autem taceo socius crastinus defluo aggero tracto. Aer aeternus aveho demo speculum beatus patrocinor. Sulum commodi amplitudo tardus. Adimpleo teneo appositus cultura. Vesica itaque articulus. Voveo absque summisse admiratio velociter. Umerus tempore validus tantillus. Spiritus sol altus vitae. Vorax trans teres vis iure. Vereor vulgaris speculum reprehenderit barba. Cognomen conculco solvo optio viriliter. Quaerat cogito aliquam agnitio pectus tutis varietas laborum cometes. Copia audio celo amor vulnero denuo. Confugo ullus tero sublime. Armarium cunabula curto distinctio subiungo textus amita. Conculco considero utroque ascit consequatur degero ducimus thymbra utroque tripudio. Compono advenio numquam corroboro ut tego placeat repellendus talio cerno. Charisma audeo audax tactus magni addo delego. Ater curvo subvenio aut summisse. Subito validus spero spero. Volup tripudio totidem decimus pariatur. Clamo cicuta aeneus thalassinus corpus. Taceo tabella constans carmen terreo. Uberrime adduco annus sunt celer thesaurus surgo tenax.

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