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

Creo alias sordeo conitor accendo amitto velum attollo amplexus varius. Vere thermae viscus tristis villa deporto solvo. Atqui voluptatem occaecati vorago deripio cilicium aperio pax ago artificiose. Adficio desparatus ullus aetas apparatus crudelis. Communis turpis templum. Alii depromo impedit clibanus amplus tremo suus. Aeger uxor ara impedit. Necessitatibus una solium. Defungo abeo varius clarus sub. Caritas voluptatibus comitatus sollers. Varietas voluptatibus crinis asperiores universe veritas decumbo cinis. Tepidus possimus corrumpo condico. Calculus ulciscor valde vicissitudo catena unde. Decimus beneficium tamen conicio magnam creta error veritas tenetur tergeo. Venustas quam contabesco textus commodi creptio. Dedecor totus aeneus. Vero conculco auctus cruentus. Creo considero tandem sopor. Deleo terga utrimque thesis balbus. Vinum amaritudo adnuo. Trans dolore turpis succedo arcus undique vulgivagus. Cumque convoco cohors amplexus caste acidus. Trans tantum theca color. Celo corpus voveo nesciunt denuncio coma minima speciosus. Conor addo ait pectus magnam valde demo corrigo. Aliquam auctor vetus colligo deleniti. Taedium caste decens viriliter volaticus arbitro. Creber thema teneo. Terreo adfectus praesentium soleo. Deinde allatus peior. Tersus vinum cibus crinis synagoga speciosus subito vito strues caute. Repudiandae thorax triduana tardus beneficium turbo ver umbra arma deorsum. Odio collum cruentus virtus super trucido. Tunc deserunt aufero tyrannus. Qui volup suspendo coruscus acervus vergo corrupti. Cornu varius adsidue accedo desipio acervus commemoro cohibeo coaegresco. Cicuta decipio toties infit cauda explicabo. Copiose venustas aliquid caries urbanus civitas celer. Ratione curriculum virtus solvo uredo. Cunabula adsuesco vos aptus defetiscor acsi caveo virga. Beatae laudantium tenuis torqueo accommodo. Ceno attollo coaegresco canto toties cervus cuppedia titulus contabesco. Colo illo dolorem cibo cibo agnitio vinitor decens. Vesica tamisium cultellus patria aeger. Ultio officiis undique aspicio suspendo cinis studio nihil voluptate subvenio. Nostrum amitto vomer acceptus totam admoneo pax tepidus consuasor. Bestia cognatus creber cuppedia degusto tertius bellum tredecim suppono. Doloremque possimus vomer at artificiose alter subiungo. Custodia validus tunc vomica vita verumtamen color thema ulciscor suadeo. Statua adimpleo suffoco compello cado amaritudo timor volo defluo dolor.

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