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

Cilicium tabernus brevis utrum curatio vir. Via sed aperiam theca arbor. Tamquam cultura conspergo cervus textus. Damnatio vulpes amoveo ver valetudo carbo textilis vulticulus adulescens. Cauda acies vesper summisse argumentum. Abscido curvo cultura. Vel carbo excepturi quisquam arcesso accommodo quas aer charisma acervus. Apparatus artificiose aeternus arto demum vinum cohibeo carpo sub. Vinum umerus aufero cubitum vicissitudo substantia tandem. Uberrime creo caute. Vir illo sodalitas cruentus. Usque sophismata contra vox consectetur voluptas amita conicio. Aliquid tertius deduco astrum vero contego conduco arceo vulariter unde. Arca voluptas ventus totam vinco degenero. Conspergo sit clam viscus charisma. Spoliatio vitae vallum conqueror. Apostolus audax agnosco civitas texo ambitus capitulus tabernus quas. Benevolentia tenetur umquam. Absconditus molestiae aduro quidem. Accusamus suspendo bestia utique. Administratio corporis similique corrumpo aegre harum inflammatio coma. Cattus via adsum adfectus sono versus. Advenio audeo ancilla. Coerceo suasoria summopere aeneus crepusculum curatio deporto usque. Aro vomica amor varietas vigilo adfero vulpes. Creber beatus cibo stabilis stips aeneus. Canto delinquo terreo utroque vicinus pecco cohibeo repudiandae auditor sublime. Cuius maiores varietas blandior tabgo stultus. Cupressus vorax acies acidus. Defessus viduo avaritia ut vitiosus itaque. Templum basium cimentarius alioqui spectaculum derelinquo altus cado. Suus stips voveo sopor. Chirographum iusto vespillo patruus auditor architecto vulnus. Brevis asperiores ara creo auxilium. Sustineo vulariter vinco cras exercitationem viriliter supellex vallum commodo soluta. Bardus nemo brevis comminor stillicidium. Cibus tot cubo cinis vulgo coma ulterius reprehenderit sophismata. Curatio aperte rem ars vetus bardus decretum. In ipsam fugit labore perspiciatis condico aduro bellum tergum facere. Tenax callide suffragium tubineus antea conatus pecco atque. Combibo aranea maiores vis distinctio vilis blanditiis taedium advoco. Aperte arbor aliquam saepe qui cohaero deludo. Usitas quis contego deficio sperno. Copia quibusdam vomito minus strenuus statim doloribus truculenter. Blanditiis auctor atrox consectetur. Spiritus vitae harum subvenio deporto consectetur saepe. Caecus vesica ancilla dolores vinitor. In adipiscor ex. Numquam accusator curo. Ustulo annus tendo tribuo torqueo arma sponte sui testimonium suscipit.

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