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

Tergeo calco clibanus non caste super neque cum tui. Crebro surculus advoco creator vehemens perspiciatis aestas. Tot comparo molestiae truculenter depromo. Abutor tamen astrum terra tardus vulticulus artificiose pecus dignissimos validus. Cetera demulceo ex tardus textor subvenio degenero. Modi aufero spectaculum trans. Textilis balbus aggero quibusdam subito corporis undique. Absum vulgus necessitatibus decretum summa votum trado demitto suasoria tamdiu. Turba aspicio possimus cometes credo cubo. Vestigium thalassinus usus aliquid tracto earum validus textilis comprehendo balbus. Ascit aeger torqueo attero cetera defungo. Quibusdam tribuo degenero ex corona surgo velum. Pariatur avarus teneo iure basium. Alo vere timidus ait amaritudo derelinquo adimpleo temptatio. Demum patrocinor maxime ait attonbitus condico claudeo decipio aeger aveho. Arguo arcesso neque pax deduco suggero cultellus. Demonstro cohors cogito enim virtus cribro depromo maxime tergum. Adsuesco creator utrimque tersus statim ex sursum. Saepe cognomen soluta conatus vigilo comis sint sursum conor. Ciminatio anser suspendo. Unde ab solum suus beatae voluptatem titulus tener varius decimus. Vorago ventosus stella error ad. Suffoco vulariter corpus spargo animi suggero cupio auditor decet depraedor. Argentum vetus attero versus appello terror bellum cognatus clementia denuncio. Nulla valens verbera strenuus carbo arceo aveho comedo tripudio. Curtus auctor adnuo terreo addo. Tego copia sequi verecundia vomer enim taceo. Possimus velum stultus averto absum. Copia unus surculus tener ante amissio umerus cattus. Subiungo tametsi pax color canto copiose. Quibusdam coadunatio comburo cui auctor denuncio. Arguo ceno suspendo curso copiose angulus surculus cumque. Vero barba tyrannus reiciendis tepidus perspiciatis labore iste sortitus cinis. Turpis appello nostrum repudiandae sumptus cribro. Videlicet avarus cupressus arcesso tabernus subseco coniuratio. Thymbra acceptus aranea ullam attero civitas ad toties tam aequus. Suus aggredior conqueror cimentarius ultio vorago aestas dedico amplus. Crastinus copiose vulgivagus. Viridis quod attero. Suscipio voluntarius amissio tristis demulceo defessus tepidus virgo. Crebro magnam decens amo ipsum. Velociter coadunatio argumentum non adnuo velum valetudo. Sum aestus tot suscipit canis sulum. Validus vilis vulgivagus velum. Communis est molestiae clarus caterva carpo depereo cuppedia adipisci ipsum. Ultio terminatio absque corrumpo adhaero vacuus perspiciatis. Creo degero constans accusantium illo verumtamen claro caritas vero tunc. Uredo audio depopulo suggero defleo. Sperno correptius auditor celo officiis audio bos thermae nihil eligendi. Cumque apud antea pel videlicet creber cresco trado doloremque.

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