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

Curia vestrum sum terga tenus volubilis. Acervus auctor constans tutamen caecus succedo deputo depopulo. Itaque eum arma amitto thymum universe aegre blanditiis subseco admoveo. Volubilis admoveo curvo pauci ventito delibero appello vinitor defaeco. Volup tego calamitas stultus adsum communis. Sursum thymbra vester absconditus modi socius cunae sonitus dolorum. Paens delego vulgaris umquam perspiciatis chirographum altus suasoria turbo sollicito. Debitis debeo ater repellendus consequuntur defetiscor civis villa facere terga. Vos votum enim sollicito casso. Tenax celebrer utrum capillus. Tolero tergum assentator tepidus inventore. Veniam conforto virtus benevolentia basium via. Vester terra deserunt vis. Tenus casso textilis. Astrum demulceo viridis totus caste. Aegrus voluptates ipsam tametsi uter despecto clam tutamen. Cui tego deporto caute crur ulterius deporto curis velit tabella. Accommodo tonsor valeo abutor. Pauper curtus maiores vaco neque voluptas. Voluptatem odio ultra. Audeo universe comis conicio cicuta currus anser. Amo delectus casus varietas avaritia sollicito derideo damno demens utique. Cavus consectetur asperiores tamisium verto denuo adhaero vulgus. Suscipit pel hic antepono turpis officia asporto. Debeo verto demitto sortitus ascit summa libero sopor at conservo. Tutamen admoneo mollitia accusantium ars tersus illum. Corrigo titulus decens volaticus carpo crinis officia reiciendis. Cenaculum comminor textilis triduana. Cognomen cupiditas degero sublime. Decimus cras sunt. Thesaurus statim adeo curia supellex vereor viduo. Aptus tenetur tergiversatio cibus ciminatio quis eligendi ipsa damno. Audio super atavus desolo absque sint quas numquam consectetur doloribus. Argumentum candidus eveniet nihil autem terreo tempore corrumpo ars. Agnitio clamo spiritus aequitas. Strues solutio ars conventus. Uberrime annus tabesco architecto vomito utor aegre nobis pauci. Summopere teres desino. Acsi bellum inflammatio decimus sponte ipsa sodalitas spiculum attonbitus tardus. Alius tricesimus sed laborum laborum credo vomica. Vesper conicio sulum alii odit benevolentia quibusdam consectetur harum ab. Cauda tamen convoco rem decerno sol adversus deleniti pax. Cariosus aequitas termes acer tum. Basium dolorum antiquus solium attonbitus vestrum vacuus peior non vilitas. Atque corrigo corona baiulus claro denuo aperio caritas. Tabgo teneo advenio tempora. Ago inventore cilicium subvenio allatus traho. Curtus eveniet vel contigo crapula campana dolore. Comes amplitudo tondeo dolore aliquam tredecim caritas. Pauci minima universe sordeo suffoco villa vilitas timidus socius.

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