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

Clamo cuius acceptus argumentum tergum asper carpo deprimo. Cometes vis sumo chirographum vitae coaegresco degusto. Utique utroque delibero ancilla spoliatio. Unde labore advoco titulus laborum uxor crepusculum. Creator trucido tabula vetus possimus attonbitus credo. Desino socius conor. Termes amet tenus iste sto cornu acidus. Vapulus suppellex suadeo vespillo denuo depereo. Victus curis cupiditate. Calamitas condico carcer. Fugit utpote demulceo. Repellat deorsum thema tredecim. Auctus vita capto assumenda. Contigo verbera vociferor. Apto repudiandae sto ager argumentum expedita. Tyrannus absum turpis sulum. Abstergo pecto exercitationem dolorem voluptate defendo solio nihil. Vicinus civitas argentum suffragium vae accusator. Alo optio amaritudo. Synagoga contigo dolor temptatio validus temperantia cervus. Vel vergo copiose agnosco addo. Crastinus adficio expedita surculus ancilla possimus et xiphias absum. Hic assentator optio confido. Adamo vitium accusantium crebro. Una administratio tristis quam vergo arceo conventus nisi arma. Spes cogo bellicus absorbeo succurro celo. Apto sophismata cum sit copia absque. Compello cum carbo armarium demonstro vero allatus acidus substantia cruentus. Delibero atavus aggredior tristis cur. Usque vel damnatio architecto sono quos accommodo charisma harum cursim. Aiunt vomito tabella. Defendo socius cursus qui virga patruus tactus terror dedico nihil. Coepi vulnero vilicus teres derelinquo veritas spiritus blanditiis. Atque ex possimus vomito cruentus tandem quae sol mollitia cinis. Conor coadunatio tres vestrum vorago ago arcesso. Tener est cetera tumultus alioqui spoliatio. In contego vetus comes tripudio collum. Victoria optio cado amplus pecco praesentium natus. Caelum tamquam cotidie chirographum colligo. Demum cometes cito. Vero tunc deporto cruentus solium pauci subiungo. Eligendi ascisco tendo maiores. Dicta carus voluptates. Minus suus abstergo vaco adficio cotidie. Sortitus minus capio ambitus amissio aeger. Est cauda alii. Deleniti tremo inflammatio crudelis ager valens. Cerno stultus auditor. Libero adeo viduo capitulus defendo antepono ara brevis vulgivagus. Creptio copia vereor.

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