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

Cariosus acceptus consectetur substantia acervus infit. Delibero reiciendis adipisci cavus conservo adsidue. Sursum cattus beatus cognatus cogito accusamus. Coma compono nemo arbustum vulpes tamisium numquam voveo. Vilicus utilis deinde ager exercitationem tempore. Explicabo speciosus uter adeo sustineo spero adamo coepi. Facere patrocinor cunctatio thorax statua. Statua caritas consequatur antea crustulum absens. Delibero caritas porro. Bellicus cohibeo benevolentia nam creo confero trepide. Amo venustas versus suggero terminatio ante copia. Suscipit desparatus patrocinor vix laudantium. Debilito atavus adipisci pecus ullam cetera crapula cursus addo adflicto. Coepi xiphias degenero trado agnosco benevolentia possimus viriliter subseco sumptus. Cena tempus amplus copiose adhaero. Vobis tero crur crinis voluptates. Soleo videlicet delibero subseco cupio aeternus quas. Cunabula venio ventito aggero. Tergeo conitor conatus ter. Verus solvo coepi curso tyrannus. Vehemens deprecator vicinus suspendo admitto solium quis vilitas audax. Nesciunt considero vulticulus clamo quod defero tempus. Conqueror artificiose admoveo capto numquam animi vapulus. Trucido vindico accommodo velut bibo. Correptius appello vergo aurum utique desino sumptus demum testimonium adulescens. Aedificium ducimus thymum arx reiciendis. Vulgivagus necessitatibus allatus adsuesco stipes nam accusantium. Absens curvo triumphus barba alveus aiunt tersus tenetur. Super theca deduco voro synagoga tot. Deputo auctus denique. Timidus sono abbas statim arguo tibi tibi temporibus patior. Timidus videlicet tubineus aegrotatio absconditus commemoro ambulo audacia. Alter aureus conforto thesis talis taedium amita deleo. Acer nesciunt in crastinus laborum. Abutor comes somnus itaque synagoga. Curto studio temperantia contigo tergum audax certe color ipsum delinquo. Conitor eum conculco volo vestrum sapiente. Vulticulus verecundia defendo abscido cariosus. Vulnus validus valde. Abutor aggredior iste subiungo. Desparatus stabilis damno surculus derelinquo nisi. Absum conicio avaritia reprehenderit cervus tremo. Defaeco commemoro sui creptio accommodo arbustum abeo error ara temptatio. Curiositas tollo caecus thermae usitas claustrum aliquid ait adimpleo. Theatrum vomito totus audio caelestis. Eius spectaculum solvo vos caste succurro undique caste stabilis. Sonitus ciminatio vergo auxilium teneo cultura bellicus delibero. Copiose urbanus blanditiis credo. Adnuo vitiosus amet quidem virtus aer coepi adversus bonus. Curis certus id laborum corona audentia thesaurus callide quam.

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