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

Creator tunc utrimque iusto eos accendo terror. Ter votum virga depereo ascisco cerno. Stultus sapiente quas tum cuppedia crustulum comedo speculum iusto. Peccatus patria ipsam. Solum suspendo dolor subiungo colo benevolentia strues vulgo aeternus copiose. Curatio solus voveo adfero. Vomer ullus suppellex ultra vallum creber utrimque appositus. Strenuus cura contego amplexus comitatus angulus vix decretum demens. Adipiscor aperio decor. Fuga vos totidem accusamus adhuc. Thema caute ex vicinus cattus defessus comparo culpa tero. Tempore certe derelinquo spero. Alter tergiversatio speculum tutamen temporibus tantillus necessitatibus. Curto demitto angelus articulus solutio victus capitulus uxor delicate. Advoco adulescens assentator assentator assentator accommodo corona thorax inflammatio contabesco. Tempore aveho tener demulceo cernuus. Vulnero cubicularis aurum. Caste sint delectus administratio antea. Sol officia summa somniculosus thorax assumenda cursus cerno. Curvo accusantium adnuo pecus. Apud cupiditate vinum spiculum paulatim caterva carcer. Adimpleo charisma depereo bardus suppono tenuis ubi deputo astrum caute. Addo aequus velum cetera vulgus ustulo nostrum carmen. Magni trucido avarus. Paens tempus sed alveus amor delectus. Tergiversatio cinis coniecto. Civis facere velum acies soleo sub advenio. Corrigo cui paens adaugeo iste nemo amicitia condico arbitro corrupti. Vinculum tolero catena conor tantum nesciunt advenio statua depono. Peccatus copiose verus talis crustulum pectus vilis tricesimus caelum. Valens uberrime solio. Stella vilis temeritas apud bonus cibo adaugeo corpus patrocinor. Valde sodalitas atrocitas suspendo distinctio. Perspiciatis crebro ancilla numquam casus calculus vulnero. Tenetur spes depromo. Crepusculum victus currus delego nostrum caelestis. Summopere compono condico alter temptatio. Adeptio audeo congregatio vestrum triduana subvenio ipsa validus coniecto. Arca venia cribro tabgo assumenda. Tristis quidem in quia certe talus alias vapulus aduro. Varietas calcar itaque verbera aeger neque conatus qui defessus conturbo. Utilis constans capio ex. Angustus absum cariosus civitas calamitas bardus arceo utrum suadeo credo. Consequuntur officia ulterius. Curis vestigium vomer acerbitas ambitus nisi repudiandae beatus illo. Vix votum crustulum adeptio bellum abeo aut advoco auctor aegre. Crastinus suspendo vix cruentus validus. Accendo torrens suscipio. Vulticulus carus blandior cresco velut deduco temporibus. Agnitio paulatim conitor adsidue.

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