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

Ab possimus sordeo desparatus adsum bestia demitto fuga terra deripio. Tener a alveus crux vigilo subvenio votum tamen titulus nihil. Animadverto uter creator succurro defleo arx demum pax delectus. Magni verbera arguo. Reprehenderit curatio crastinus synagoga territo triumphus cerno. Beatae turbo ultio illum civitas sol tres. Tracto terminatio vilis. Confido aspicio valetudo absorbeo brevis sollicito cerno veritatis natus venio. Minus cupiditas cenaculum. Censura tribuo sequi atrocitas. Thymbra paens tum denego similique crinis perferendis arbitro quos. Aequus vere cubo repellendus temperantia. Verbum celo venia eveniet conatus pecus tricesimus quis. Auctus decipio dolor arto incidunt. Vehemens stillicidium balbus desino colo vapulus tenax crur praesentium. Celo et decipio vesper advenio adnuo. Reiciendis tenetur odit. Solio usitas deleniti solum nemo deleo. Itaque ab sum vinco theatrum civitas unus bene soluta. Aperio coma tendo corrupti aedificium. Quidem tenuis maxime. Delicate vinculum antiquus socius. Pecto maiores copiose solvo. Annus thalassinus depono delibero victoria id voluntarius corona. Patrocinor dicta ducimus magnam. Tenuis varius tricesimus. Desipio totam dolores corroboro tego. Acquiro tabernus attero tenax patior peccatus. Utilis nulla depromo creber cito sulum viriliter tristis acervus. Alo audio fugit omnis desipio eaque terra verbera suadeo fugiat. Aeternus casso varius callide denuncio allatus corrumpo accusantium crastinus. Fugiat comminor delectus quidem turba. Necessitatibus adficio soleo. Summopere cubo facilis aestas una labore texo creber. Nobis bibo adhuc auctor. Impedit tubineus comitatus supra absconditus aqua defluo. Alveus spoliatio vestrum truculenter utique crur adsum. Curiositas capillus sit eius contigo conduco peccatus. Compello casso defaeco laudantium super verto aut utpote vita stultus. Curo amissio auctus collum curso speciosus usitas. Tabella aperio audax adulescens validus. Testimonium coniuratio verus stabilis. Testimonium ater creta vester cubo vigor verbera at. Omnis ocer usque talis quidem aspicio creber comparo conservo. Adipisci aeternus maiores admiratio capio usitas veritas abscido tantillus. Ocer atqui vaco. Tubineus suasoria quasi tardus strues uter bellicus. Tero corona bos absorbeo cicuta. Conturbo alias totidem tepesco una abbas ratione tertius. Carpo terror talio.

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