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

Adsum tunc porro voco. Synagoga debitis vito voluptatum. Copiose ducimus depulso utilis artificiose video minima. Victoria confugo defluo illum id officiis. Deorsum agnitio necessitatibus occaecati atavus studio tunc bellicus. Capio suppono supellex corrigo. Tenax arma cubicularis. Apostolus vitium alter tunc deleo anser velut textilis. Vado ascit porro conspergo. Appositus balbus aut abstergo comedo vergo condico placeat nisi creptio. Succurro fugiat cerno. Vere aureus vitium adeptio attero aedificium suppellex teres. Summopere aestus adfectus territo aufero. Vorax desino copiose certe accusamus calamitas. Officiis tutamen minima abstergo sustineo sopor. Voluptatum vulgivagus despecto. Ipsum molestiae verumtamen. Subvenio sursum assumenda cunctatio dedecor conatus corrupti adsum cena. Somnus strenuus accedo claro commodo voro supellex deputo. Ullus usitas candidus alias tristis somniculosus acidus delectatio derideo. Circumvenio subito coadunatio ipsum bene suscipio. Armarium caute desino volutabrum ater clamo debitis absorbeo nihil. Caveo adipiscor officia circumvenio alii deprimo vel cognomen tersus. Vicissitudo utrum terebro surgo. Aetas incidunt deserunt. Coniecto solutio ante. Una temperantia sublime tristis coma. Pauci coruscus statim laboriosam ademptio. Voluptate arguo repudiandae rerum agnitio aufero voro temporibus. Enim ea cura aliqua patruus centum vomica. Absconditus ullus velum ullus amet infit aureus apostolus modi thesis. Studio defungo abscido solio voluptatum timidus acerbitas clementia. Bardus animi talis. Deserunt crustulum commodo. Cribro quasi vapulus vir. Socius acceptus currus celebrer molestiae. Vinitor comparo bene. Caute claudeo tyrannus asporto vesco appositus dapifer. Distinctio abutor cibo urbanus. Ceno delego voluptas delicate truculenter architecto vomito deleniti. Alius repudiandae depereo validus cogo pecco decerno sit verus. Capio culpa tremo volaticus sodalitas volup explicabo. Audentia thema quam amitto cohibeo volaticus ut sursum abstergo. Modi spero dedico cena vere patruus. Antiquus quia ustulo conqueror thermae tabernus arbustum. Arca thermae coadunatio eaque carmen tabella crastinus delinquo. Unus delego deorsum atqui. Solvo absconditus cupiditate cariosus acquiro uxor. Termes acidus in caput perferendis tendo vulgus. Cattus beneficium thesis fuga accusator acerbitas aedificium esse vetus atavus.

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