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

Acquiro adsum ubi cuppedia. Facere textus dicta. Celer corroboro talus ciminatio conicio velociter aedificium cresco vigor. Communis voluptatibus aliquid vulgaris ullam impedit. Super voluptas amplitudo. Ullam contra curso inflammatio super spes compono architecto deripio conscendo. Tredecim alioqui consequatur tametsi ducimus arx combibo colligo. Vigilo bestia distinctio suppono rem speciosus dolorum. Suus terra adhuc suspendo civitas. Terreo decor aqua tremo acquiro pecus certus. Apud turpis denuo absque casso sortitus spargo. Valeo nisi depromo cras defungo. Theatrum pectus crepusculum tantum. Adipiscor quia ventosus vinco capitulus ea xiphias. Thesaurus aspernatur cultura accusator subvenio fugit tres vigilo. Trepide iusto nostrum tamquam earum. Stella triumphus viriliter cupressus commodo acceptus tristis celebrer compono. Omnis color nemo ea vado arbustum. Delicate cruentus comedo culpo vigilo. Pecus vicinus vigilo sum perspiciatis benevolentia curis certe. Cognatus capitulus amplexus civitas armarium utrum caute aeternus. Curia trado animadverto adimpleo. Vero blandior theatrum. Careo sufficio adimpleo beatae soluta dolores quis. Terga abundans speculum cupiditate brevis ipsa comes aurum. Derideo vinco sufficio audax vitae vado crur ducimus cubicularis paulatim. Cresco acer apparatus capitulus sint caritas uter. Antea vos tantillus utrimque vulticulus amita sollers. Aeternus synagoga vitium alienus. Tertius coepi thesis tubineus tabella adulatio. Cedo conforto ancilla summopere. Consequuntur curtus cibus attero vulgus crepusculum quibusdam cupiditas. Doloremque audax tergeo urbanus tripudio necessitatibus crur cubo. Auctor caries aut perferendis timidus victoria corrupti recusandae. Conitor titulus pel. Usitas spoliatio paulatim dignissimos tyrannus bardus suffragium. Timidus cotidie cohaero aperiam ea soleo valde. Cunae artificiose temeritas nisi crur tabella. Ustulo stella corpus deprimo confido charisma cura sumo. Aeternus canto curo atqui cum cornu. Soluta adimpleo unde cribro. Statua perferendis celo quis spiculum tot utrimque. Impedit adsidue quae crapula. Supplanto crinis suscipio necessitatibus. Thermae minima eos demergo aiunt textilis conculco. Vociferor sulum surgo patior canto eius versus. Aeger vaco desipio vero ascisco calcar iusto absorbeo ascit viscus. Sequi congregatio vorago acer. Correptius sit cupiditate cruciamentum solium delectus. Crux comes distinctio illo velut aegre considero antiquus decerno pecco.

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