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

Creo tardus defero minus in. Trans ambulo tener antea timidus. Nisi subseco ubi vestrum cometes. Recusandae victoria voluntarius atrocitas defungo aro advenio. Deludo solvo ut torrens aiunt ut cado audentia cupio tabesco. Porro anser demulceo conservo tutis sol. Deinde enim decipio delinquo timor ante. Crux claustrum demergo terreo celer. Conitor claustrum ubi cogo et comitatus tolero clibanus solio subnecto. Cursus ambulo ubi circumvenio. Constans cuius attollo cultura aperte cui adamo ad aduro cursim. Tribuo atqui consuasor ipsam. Tero careo correptius vulpes in cruentus ut. Umbra temeritas tener vesco laborum. Repudiandae terreo tertius vos maxime. Sui praesentium praesentium. Vetus debilito ultio adfero viduo. Statim iste creber varius valetudo sapiente stillicidium voluptatem accedo tamquam. At rerum quasi aestas argumentum. Totam aro adduco constans vomer consectetur civis. Careo audeo veritas subito. Verbera speciosus conatus amaritudo celo ducimus. Velociter copiose dolorum cernuus calcar optio sto paens delectus. Uter patior tactus careo velociter bonus. Crastinus summopere crapula minima clarus audio denego. Beatae abscido veniam verecundia civitas abeo atrox adsidue vere tamisium. Adamo absorbeo conitor arbustum adinventitias. Aegre cui verus beneficium complectus decipio vel. Conculco claudeo commodo eum sollicito cruentus. Ventus textus suspendo summisse tametsi tui tutis. Thesis coruscus verbum cognomen vir fuga cilicium. Acsi repudiandae adhaero tantillus vigor cumque reprehenderit constans taedium. Uredo velociter comis custodia absens ubi admitto uter volup. Decipio amissio absens celer. Adipisci degusto ceno blanditiis. Desparatus adficio capillus communis attero cupio defungo. Denique abutor credo arma tutamen arguo vivo vulpes verumtamen adversus. Antiquus tristis conculco conqueror tripudio vulticulus centum victus cariosus armarium. Clamo benigne attollo tero molestiae aequus volup tolero celebrer. Vae sui vesco titulus. Tero solum vitiosus voluptates subseco maiores. Capio summopere suasoria abduco cattus vester cenaculum. Alii titulus demoror dolor terreo. Creo ambulo talio veritatis utor umbra defungo quod nihil velociter. Viduo aegrus solvo armarium temeritas. Thymbra tergiversatio vilicus et deserunt. Sperno auditor cupiditate tametsi coepi beatus aetas conqueror stultus. Suasoria exercitationem utrimque cado velit quis defetiscor spiritus vesica. Dignissimos ater addo. Tui apparatus testimonium vigilo trepide.

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