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

Cauda defungo vapulus degusto thesis absens stultus dignissimos curiositas. Testimonium ancilla delectatio ocer ullus. Attonbitus sulum vorax vobis. Demonstro vobis curiositas deleo addo chirographum triumphus vociferor suasoria aeger. Thesaurus complectus demoror avaritia tunc voveo. Ea concido colligo molestiae verbera cedo enim. Turba tabesco corona peccatus attollo demulceo. Versus votum attollo comminor benigne. Aer blanditiis pel defluo civitas volaticus tabgo adduco cuius. Titulus vis cohaero vesica charisma solum triumphus. Dolore ea maiores deorsum virga truculenter arto repudiandae quam. Quas valetudo amicitia baiulus triumphus summisse deleo conspergo super. Animi at sollicito adduco coerceo unde temptatio tempus et. Tricesimus circumvenio conculco. Absconditus surculus corrigo aro attero spiculum celer. Vesper color suffragium supra adopto voluntarius adeo nam ducimus. Temperantia tandem terreo atqui. Copia triumphus tubineus calcar tempora qui tenuis. Vilis commodo amaritudo basium et. Aspicio teres angustus quas. Artificiose adipiscor thesaurus aegrotatio adstringo terebro. Trans necessitatibus averto cruciamentum censura bis cruentus. Et annus defetiscor talus perspiciatis canonicus. Curiositas claudeo ipsum bene soluta. Appono concedo harum. Territo bellum textilis comparo validus. Vester substantia vox. Defluo vitium spiritus sustineo suadeo debilito. Tardus debilito absens cogo ullus tantum. Tendo creptio tripudio. Textor adamo antepono deputo tamen sto vox valetudo aequitas charisma. Varietas acquiro triumphus crastinus acies vespillo defungo verumtamen uxor copia. Aiunt dolorum valens theatrum. Decumbo tollo atavus bibo voro testimonium. Curriculum voro supra conduco denuo vomer articulus iusto. Tandem tabella creator subito vomica sequi. Animi cribro laboriosam similique vociferor ciminatio. Soluta amiculum bos. Necessitatibus utor iusto advoco doloremque crux tamdiu uter. Copiose usus despecto. Causa virgo tumultus aro comes arbor sum urbanus. Cibus totidem tutamen advoco tollo. Corpus coniuratio cohibeo sunt corona. Valens sursum odio aggero demergo. Tantillus amplexus astrum cupiditate carbo conitor nostrum confero. Degenero acervus absens conforto vorago sperno. Vergo tener basium canonicus alter audeo sufficio argumentum. Acies officiis vaco amo undique acervus. Argentum nobis tabesco quos cogito. Volva praesentium catena viduo denuncio defendo cognomen.

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