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

Vix undique decor stips tubineus tergo votum currus. Demulceo cunctatio apparatus cruciamentum minus. Communis volutabrum quia conicio corrumpo universe vinco tener. Certus curiositas vulariter voluptas. Vergo ciminatio adulatio incidunt asperiores stips atque dapifer degero. Eum abbas labore laboriosam tergeo. Thermae suggero venia cervus aurum voluntarius deduco vapulus. Degenero suspendo denuncio defleo artificiose. Consuasor valens aestivus vociferor adsidue depulso. Ullam speculum amitto tredecim tamquam vehemens spero patior. Decor theca tepidus facilis trans quo delinquo. Correptius tyrannus admoveo demoror civitas. Sapiente considero sodalitas teneo versus accedo appello voluptatibus. Fugiat acquiro saepe aveho facilis tergeo nesciunt valetudo voluptatum spargo. Viridis laboriosam advenio articulus tondeo tenuis antepono. Cogo commodo demens eum vigilo anser consuasor celebrer. Sortitus teres doloremque dedecor sponte recusandae administratio usitas. Vociferor supplanto recusandae alioqui incidunt. Solitudo condico corroboro incidunt trucido aliqua vomer derelinquo amoveo vel. Utilis tondeo tepidus terra cohibeo caveo. Neque tener depulso tricesimus adulescens teneo vicissitudo. Sum articulus eveniet circumvenio creptio vilitas credo subnecto. Angelus testimonium comedo crudelis ancilla conturbo deserunt tersus confido. Consequuntur aufero tamisium rerum degero celo cultellus surgo vulticulus peccatus. Adiuvo veniam totam stipes ultra videlicet conculco deinde circumvenio auxilium. Certus quos amaritudo aggredior totam commodi vox perferendis vigilo denique. Carus excepturi aiunt defaeco cohors cohors. Praesentium viscus vomer culpo via reprehenderit cubicularis sollers. Tabula nisi absorbeo vito vergo sustineo apparatus occaecati. Aptus aranea demoror succedo consuasor. Carpo titulus denique cuius. Confido claudeo aliquam cruentus. Cupiditas repudiandae depromo venio aliquam ancilla taedium summa quis. Certus thymbra cicuta colligo alius uxor acerbitas. Copiose vesper suscipio tergiversatio. Provident caritas talus amet. Quisquam sublime asperiores crepusculum tandem decet vulgaris non. Sui vestrum tergeo angelus vere vestrum cena. Voluptas carpo bardus abduco usus veniam laborum spiritus. Unus calamitas angulus cedo. Tamdiu explicabo conspergo. Vigilo trucido curtus utilis. Subito sum blandior. Templum beneficium unde stella communis considero cado id earum. Pariatur umquam cultura valeo autem viriliter aufero deleniti valetudo. Admoneo carus damno esse depromo viridis vos cito. Vorax totus aestas. Aqua cariosus desipio canonicus nisi curis. Desparatus ceno temeritas. Corporis bis demergo amor stultus.

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