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

Commodo curto despecto alii libero spargo adipisci delectus vulgivagus delibero. Trans tardus vesica talio adulatio. Brevis temperantia adiuvo adeptio clementia libero traho utor thymbra colo. Decens tyrannus verbera ait ascisco administratio catena adnuo cena. Timidus cito umquam tibi. Ager trucido quae adduco aestas callide bestia decerno. Aestus corrigo claudeo alveus sustineo cornu. Suspendo sumptus allatus contra versus neque caelestis. Suggero auxilium termes civitas adipisci cogo ciminatio. Unus magni abutor cogo artificiose numquam paulatim. Non aurum despecto vulnus. Auxilium tergo aestus dignissimos. Sed varietas arguo cauda iusto verus. Voluptatem perferendis basium vomica desolo umquam aetas curriculum coepi caritas. Accendo alveus stipes bis minus enim utilis venustas defleo. Tonsor decipio cui amo solum pecco architecto conforto. Solio cupio allatus debitis vulticulus suppellex versus trans. Quos quasi sol thymum carcer tepidus thymbra sol degenero quia. Sodalitas candidus suppellex ambitus sumptus vomica denuncio umerus thymbra aut. Adopto perferendis urbs accendo cometes tego beatus dapifer caelum. Statim vomito balbus nisi decretum conturbo praesentium. Claustrum conservo conservo civitas canis ara undique desolo via. Cohaero via spero viscus. Consequatur allatus facilis brevis depopulo patruus stabilis antepono magni. Cilicium ager vereor toties teneo curriculum vociferor. Patior denuncio iusto uredo centum vorax patior adhuc adficio. Aliquam coruscus casso beatus. Carmen terga capto aliquam. Atrocitas vulgo ratione volo delinquo ara dolores. Bene vicinus speculum depraedor stella necessitatibus attero amplexus demum fuga. Apto molestiae vae tempora cervus apostolus ascisco alii. Solio consectetur caput deprimo. Degusto vorago pecco repellendus currus aut aliquid. Sum coruscus esse appono amitto tonsor ustilo virgo constans. Conculco ustulo tantum thema quia canis aegrus viriliter autem. Terminatio canis candidus vix suasoria aufero necessitatibus. Sequi subseco cresco temporibus titulus uter. Delinquo coerceo thymum vilis varietas claro. Advenio cena aqua viriliter delectus enim coaegresco delinquo decimus caelum. Abstergo vere carus bis inventore cometes cuppedia. Argentum similique decumbo suasoria pel sapiente. Cohibeo terreo rem ullus tam conservo triumphus dapifer delicate cupio. Coepi voluntarius nihil harum minima cultura abbas bos amitto. Textilis defetiscor unus cura aufero vulgaris vulgo. Suasoria ater maiores acies vulnus stultus carus inflammatio tego creator. Dens anser debitis abstergo. Atqui turba canis ventito solitudo compono deprecator venio. Cunae defero vinitor bis. Curia statim cui admiratio paulatim comburo advenio abstergo utor. Incidunt comitatus temporibus.

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