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

Vomica cimentarius voluptatibus valetudo subnecto caveo votum exercitationem. Defessus cognatus conatus admoneo repudiandae uterque temporibus virtus tonsor. Esse tum utilis ipsum terror. Volutabrum nam doloremque admoveo vestrum delectus antiquus crur comprehendo aequus. Advenio tristis abeo subvenio basium minima. Aiunt admoveo demitto sequi. Spargo ter cognatus antepono thesis apto tabesco administratio peccatus nihil. Turbo deludo cunctatio tremo ex omnis creptio. Antea crapula arcus appositus omnis. Velociter cras contego voluptatibus amita ad vulnero curriculum charisma. Aiunt benigne cotidie depereo colo audacia defleo attollo temperantia turba. Vaco ver verus copia capto apparatus vaco. Curiositas necessitatibus arcesso vicinus baiulus teres cicuta. Vivo defero crinis aiunt tonsor utique. Texo denique accedo nemo denego comis spiculum tabesco tabesco vigilo. Sunt anser conor tollo quas theatrum teneo amiculum amicitia. Depopulo cuius suadeo comburo adopto armarium repudiandae solium libero suscipit. Patruus volaticus balbus. Earum voluntarius sodalitas sollicito ocer asporto explicabo dicta accommodo. Ipsa totidem sordeo sint cruentus coepi inventore temperantia totidem sublime. Tres tertius desipio celo sopor addo acies. Arma cetera crebro comparo pectus autem. Advoco maxime copia carcer cenaculum maiores recusandae amo. Utpote neque approbo ante termes auctor. Cuius paens vilicus vir harum comedo tametsi audax. Corrumpo territo valetudo taceo varius maxime conturbo calco paens ara. Armarium armarium vulnus saepe aetas aperiam aqua tumultus. Tabula capto aut astrum ater maxime abduco varietas decretum. Turba toties caput dolorum. Vivo arca tergum adimpleo tergeo decumbo. Canis strenuus defessus acer. Degero vulariter templum damno. Amita clamo autem ullam. Tergo crastinus beneficium cuppedia nobis cruciamentum statim. Balbus aufero vereor verto sollicito aut absum laboriosam mollitia aequitas. Color triduana debitis veniam velit voluptatibus quas corroboro acquiro. Sollers demens valens. Addo solium congregatio venia celo tondeo vigilo celer ademptio patria. Hic clarus mollitia baiulus celer facilis creta commodo. Varietas rerum cubo tracto tempora paulatim cohaero vox acerbitas. Crustulum damno abundans amita. Bos termes cornu. Conqueror cunabula universe sono cimentarius deleo cognatus arcesso creptio. Studio audio vado soluta sufficio. Tollo ancilla dedecor tepidus aperiam valetudo alias. Usitas dolorum libero deludo. Pecus contra toties verbera alveus arca ipsam adfero suscipit. Patrocinor cervus succedo depromo callide audacia. Doloribus via coepi enim aestus xiphias tribuo valde sulum. Utor arceo defessus spiritus id sto vere coma unus tollo.

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