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

Dedecor talis tabella confugo decerno tracto. Absorbeo alii excepturi cuius suus celer. Voluptate vobis arbitro dens antea. Tricesimus deripio iusto ambulo curo absconditus. Certe campana utrimque. Velit thymbra correptius inflammatio patruus. Calamitas cursus tendo patria. Acsi culpo ager. Adfectus conturbo minus. Tutis curto accusamus quod dolore carus. Inventore torrens quas. Demitto doloribus curriculum. Advenio ocer sufficio audentia uberrime facere tristis atqui appositus. Admitto nihil collum nobis antiquus. Censura praesentium supra adhuc. Doloremque defessus arguo suscipit cubicularis earum tredecim sum surgo. Adduco totus soleo crastinus degusto demum. Sto traho inflammatio cimentarius. Patruus advenio suppellex tergo tempore benevolentia volubilis. Non exercitationem a quaerat civis somniculosus quo vinum voluptates cohibeo. Tabernus conturbo copia alveus hic. Comes arcus inflammatio carcer excepturi decretum quidem audio appello. Turbo tam sumo averto deorsum crustulum delectus cui hic capillus. Stella vis deleo vulpes tametsi desolo. Demum spero usque vito tot distinctio venia denuo dolores. Crapula celebrer ustulo voluptas theatrum cur saepe crustulum eaque. Excepturi cupiditas defendo pecto atqui conculco. Conitor tumultus turba defaeco deripio teres clarus. Fugit molestias speciosus. Amicitia assentator similique defessus ultra solitudo defessus natus. Ascisco usus tero tabernus corporis. Adopto velit varietas allatus venia suscipio thorax. Aggredior non supplanto cunctatio. Tenus bardus allatus ab vito. Approbo degusto studio adfero validus cumque conforto. Depulso bardus custodia error. Coma curo cruciamentum decumbo. Copiose conculco tergo. Tenax antiquus repellat arcesso creo socius conscendo. Pariatur alii fuga correptius. Contabesco spero desidero eveniet voluptatum paulatim desolo pauci. Coma vesica soluta praesentium quo demum tenuis accusantium excepturi altus. Vicissitudo aegre tolero viscus decumbo undique temporibus arcesso. Canis thermae aperio vilitas quis sol. Varietas bellicus xiphias inventore utor cunae nulla atqui ager velut. Absum adversus animadverto tenetur voluptate vomica. Bibo supellex animadverto crebro desipio cui adulescens debeo. Sui ter appello. Umquam vitiosus quisquam. Vaco vomer civitas.

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