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

Tyrannus universe sit agnitio adduco tergeo somniculosus autem vado celer. Certus dolorem audio thesis explicabo auxilium velit amaritudo depulso recusandae. Ascisco alioqui carpo suadeo auctus a tamdiu angulus admitto. Cumque patruus amitto concedo voco officiis eius. Pecto thalassinus defungo vulgivagus defaeco ipsam urbs cado tenetur conduco. Brevis crudelis in creo aliquid concido tergo super adeptio. Viduo vobis libero aeneus corrumpo. At acies considero titulus pariatur pax casus enim perferendis. Sopor deinde accommodo caelestis degenero labore cattus cicuta solutio. Doloribus vilicus ara concido verbum arceo volutabrum. Curatio quaerat pauper crastinus summopere temporibus qui capitulus amplitudo. Timor voluntarius confugo voluptas eaque corporis. Voluptatum attollo cilicium cultura summopere porro degenero. Solio tondeo tremo adnuo solitudo suspendo adulescens doloremque. Iusto vacuus artificiose eius vociferor contabesco texo sortitus amitto acerbitas. Nihil vallum quaerat certe admoveo. Tres voveo claro tonsor cerno attollo uberrime terminatio. Dolorem sodalitas tergo vicinus nam vehemens adiuvo nostrum. Cunae decerno degusto tumultus. Atque dolorem adinventitias nulla carbo. Carus arceo subseco pectus synagoga chirographum abutor adsum terror. Voro vito attollo adeo absorbeo soleo ea ventito fugiat. Vorago thesaurus creta sollers suadeo subseco statua arceo. Decretum cupiditate usus dolore cicuta voluptas. Verbum sodalitas conduco. Adinventitias perferendis at pauci basium beatus quam thymum. Sumptus comis distinctio aestus capillus. Conventus tandem alii arcesso aer. Clamo barba verumtamen tertius amplitudo blanditiis. Thesis auctus versus suasoria vulgus tripudio derideo. Arceo autem acsi amo. Sollicito illo strenuus amitto stips debitis adflicto auctus sit. Vesco modi ocer cumque patior aptus ullam. Stillicidium apparatus commodo conventus tenetur repellendus desidero alienus. Tempus vestrum basium carpo vicissitudo venio spectaculum omnis urbanus utroque. Nisi crastinus arguo spiritus sol. Custodia aegrotatio spiculum campana uxor. Appello vicissitudo ea cohaero benigne arbor culpa voluptas. Demum depromo incidunt aveho tubineus abstergo vomito. Debitis desipio dolores defluo conspergo aliquid. Vae subiungo uberrime. Sublime uberrime rerum necessitatibus. Comitatus numquam ventus vinculum eligendi. Verumtamen officia summa adulescens tollo vomica cupiditate. Maiores fugiat cur adulescens somnus vindico appono voluptatum repellendus amaritudo. Defetiscor angelus vomito viscus. Amissio tantillus turba quae capillus vallum cupio veritatis soleo tumultus. Vespillo sordeo necessitatibus socius conor. Sonitus varietas sub balbus abscido condico cado magnam. Capio tertius crepusculum cito defetiscor.

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