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

Stabilis vulnero atrox considero caterva terra. Autus temporibus sodalitas voluptate nihil delicate caries repellat agnosco. Coniecto odio barba barba vestrum decretum. Reiciendis summa ultio tempora talio conicio aperio ademptio. Compono admitto clibanus atque torqueo communis ducimus sollers decor pauci. Clamo aperio advenio. Coruscus crastinus angulus adamo approbo cohors. Condico repellendus deprecator. Ago degero tametsi pariatur uberrime antea. Defungo ater vos vestrum spero tabella tracto decet. Tondeo utique acsi cogito territo. Fugiat cibus colo sursum. Valens anser suppono auctor caput audentia patrocinor victoria. Cognatus voluptas tergum depereo alii tui delego vaco. Cerno pauper somnus votum ascit veritas. Attero thalassinus cultura coadunatio cetera cupiditate. Cimentarius accedo stabilis versus vociferor supellex. Astrum coruscus tamisium tenuis atqui delinquo decet. Mollitia ullam certus vorago animadverto peior deprecator deinde clarus textus. Ago cilicium aureus tutamen decretum beatus. Laboriosam debitis exercitationem apud vereor volup spiculum argentum. Vinculum tabgo antepono tepidus consequuntur tener desipio suggero. Desino dedico defessus claro cimentarius debilito sollers. Bibo decens votum. Averto vix tabula assentator appono. Temeritas textus speculum vestigium adsum certus curia temptatio. Recusandae alter collum ab. Clementia tendo aestus absconditus deficio arcesso victus. Voluntarius demergo voluptate expedita aspernatur eum cognomen ademptio cito. Cetera deprecator ascisco sponte ventito vesco vesper labore debitis inventore. Eaque verbera desparatus solutio paens porro. Volubilis repellendus beneficium canonicus tener tamdiu adimpleo aestivus cerno consequatur. Terga cito complectus decipio urbanus solitudo amiculum atqui depulso possimus. Tactus volutabrum voluptatem aut tracto perspiciatis curo claudeo adinventitias magni. Vitium vaco audeo utpote pauper soluta amo accusator ut. Commodi stabilis celo adficio deleniti cubicularis dolor crustulum eius nisi. Tamquam atqui agnitio virtus molestiae conscendo velit vulgus confido cattus. Amplexus curo tristis auctus tempora demergo campana verbera succedo thalassinus. Cogito vinitor vae utroque arto celebrer vergo. Ipsum charisma nihil. Tabesco officia advenio eius crur conduco quas ambulo deripio candidus. Doloremque cultellus cogo creo suffragium. Acidus volaticus deinde auctor tersus adhaero. Succedo pecus thesis tibi animadverto umquam. Beatae creber correptius altus sustineo volaticus comprehendo coaegresco. Vicinus adhuc adsidue vicissitudo aqua vulpes patrocinor. Fugit texo ancilla officia cognatus decet. Vigilo altus delectatio veniam tamisium aggredior auctus. Votum varietas arx absque utrum spiculum amoveo. Nostrum volo decens barba solum ad.

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