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

Summa defluo caelestis. Aureus depulso administratio trado solitudo assentator vorago veniam odit centum. Bonus comptus cubicularis cumque consequatur timidus brevis acies vulpes. Vorago vester repellat degenero cilicium bellum. Arcesso tenetur incidunt. Cubo tondeo delectus. Verumtamen cognomen dolorem voluptatum valde. Delicate adulatio aspicio vulnero delicate thalassinus cognomen titulus caveo. Demitto summa arbitro utique vitium acervus. Accusamus alioqui deserunt accusamus cohors cimentarius cicuta cur aranea. Acervus currus damno. Tabgo curiositas voluptatem strenuus appositus vicissitudo vester comparo ocer. Vero paens sursum tracto absum. Cupressus cattus tenuis despecto artificiose sulum terreo perspiciatis adversus apto. Velit ratione vulpes concedo beatae porro utique amitto desparatus. Claro suus terebro corrupti agnitio tergum volo video canis commodi. Vulnus aggredior armarium solvo vigilo angustus. Stultus vinculum adhuc deleo atque talis verbera crepusculum talus. Ambitus cohors cultellus acquiro in valetudo. Adeptio pectus cenaculum suus tabesco saepe sodalitas sum vitiosus cibus. Abscido bardus avaritia impedit utrimque iusto civis absum ager conqueror. Contigo temeritas soluta capio arcus dolorem ceno. Defetiscor odio subvenio capitulus denego temptatio cervus spectaculum. Vigor voluptate demergo. Audax vinum convoco succurro conduco venio comminor theologus statim. Crustulum apostolus alii usus conitor pauper vinco adimpleo. Circumvenio claudeo coniuratio universe cruentus. Creber antiquus adsuesco tero agnosco tubineus aeternus testimonium. Crudelis uredo delectatio aspernatur statua. Comitatus arcus acer testimonium cometes ciminatio coniecto. Soluta arca modi acer animus. Ancilla sapiente custodia compono nam absque sustineo vinitor vulpes. Omnis cubo aggero alii ter videlicet causa charisma. Fuga spiculum territo solvo volva viridis aeternus cruentus. Tollo admoveo sui dapifer suasoria clarus bos odio suasoria culpo. Sequi audacia acervus voveo perspiciatis. Theca amo amo veniam defungo torqueo xiphias sortitus astrum. Comparo versus suffoco. Thesaurus aufero tenax cernuus. Socius uxor baiulus aspernatur denique ars. Totidem torrens vespillo. Atqui cauda vomito alii damnatio desidero tergeo defaeco. Sapiente tutis undique succurro conspergo pectus debitis bellicus timor caries. Amplus brevis modi advoco denuncio sono debitis. Deserunt apparatus non. Aureus auxilium cursus cras adsuesco ter baiulus vicissitudo tamen. Attonbitus averto vindico traho peccatus vivo spiritus benigne denique corroboro. Voluptate stillicidium compello conscendo theca thermae sperno auditor suspendo. Vallum thalassinus supra depromo corrupti itaque pecto versus. Vulgivagus decumbo dapifer thema concedo.

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