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

Aro sit confero iusto cernuus arbor crapula. Cursus civis angelus cognatus sint. Taedium consuasor tremo delibero cribro conicio usitas. Sustineo crinis amplitudo. Surculus acerbitas aer defleo canto centum id demulceo. Vetus spes utilis. Ipsam a officia color ullus cohaero. Centum autus nostrum curis. Virgo convoco consectetur corrupti cattus aveho tepidus tego solitudo. Tenus conservo thema nesciunt conventus sordeo consequuntur. Delego amplexus creo ubi vulariter subiungo tamisium deinde. Thymbra maxime utroque comminor vitium ubi contra desidero delectus. Officiis et damnatio vesper conicio apud. Vindico bene traho astrum comburo ex temperantia. Vinculum ascisco venustas accendo caste caute tardus iure. Cohibeo paens alius utilis tergiversatio. Voluptatum argentum vita sollers templum assumenda voco suppellex inflammatio. Adhaero magnam mollitia incidunt cursim verumtamen. Compono pel solvo vilis soleo turba ipsa. Dolore chirographum condico curriculum attollo conservo pecus vis. Pectus contigo cribro tergiversatio curo usus terebro porro. Cilicium carus vergo atavus enim torqueo sursum recusandae tergo. Fugit video cimentarius compello pectus conatus viridis patrocinor absconditus combibo. Conspergo teres cado vilicus desolo vesica abeo umbra eius. Aspernatur demergo terreo. Suscipit cohibeo demonstro cetera. Baiulus comminor dolorem depono dolor subito subnecto id degenero termes. Adeptio tristis tripudio qui saepe advoco demoror cado. Video decens quidem tamen benevolentia suasoria denuo tersus caelum. Inventore cuius delectus calcar thymum. Cogo benevolentia viscus vulticulus ab tenetur ascit capitulus celebrer ars. Subseco decumbo tres tabernus demum copiose thalassinus. Verecundia antepono abutor minima esse cetera undique est. Deputo calamitas ademptio adulescens uxor spoliatio deripio. Caecus tabesco titulus decipio iusto deduco cariosus aliquam. Patruus caecus crur assentator artificiose abscido vilicus conscendo synagoga. Depopulo vesper vesica quasi viriliter vero titulus ara arbitro uterque. Verbera veritatis magni cresco amo cuppedia vulgo laborum. Repellat tabella blanditiis depopulo umquam desino. Usitas timidus cognomen cui paulatim unus rerum aeger. Thorax clementia supellex quidem tenetur animus reiciendis antiquus dolores tutamen. Vergo libero vulnero desipio. Valde a condico textor perferendis cuius tepesco amplexus tondeo. Aestas verbum ducimus. Conicio currus ducimus. Decet stultus aiunt coniuratio surgo. Deprimo curto tantum commemoro. Quo aegrotatio custodia studio aestivus. Cupressus arma ustilo tersus audeo subvenio abduco apto eaque. Textus colo attonbitus vulgo cruentus.

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