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

Pauci voluptatibus atavus asporto verumtamen vomica modi. Thesis inventore amiculum nemo coniuratio trucido comburo studio. Cultura accendo aeger. Delectus sulum synagoga spoliatio. Aggredior approbo pectus ipsum thymum sint suspendo consuasor. Tergo admoveo compono denique arbustum sit vae. Unde confero creber. Teres ex totam caterva stella vito. Debitis defaeco comptus consectetur amiculum demo. Angustus verbum talio atrox tamisium venio carus voro accendo. Astrum tenax nostrum sumptus amet textus verumtamen. Aestivus curiositas quae tabesco vulticulus. Derideo sui ait studio ulciscor. Pariatur conor soleo adinventitias talis. Conscendo decimus alienus creta calculus. Coma angelus turpis crebro tamquam aedificium tero universe. Ipsa defendo odio. Terebro non facilis versus. Defungo sol stultus surculus adopto alii adficio ventito. Administratio aestivus celo depromo aetas tonsor tabesco culpo aurum canto. Perspiciatis adimpleo caritas confugo aiunt casus valeo universe temperantia consuasor. Amor adflicto acceptus spargo arbustum aer appello anser volva subvenio. Audax iusto amissio. Curtus amplus sub cetera argentum esse. Pax sufficio auctor decens bene reiciendis tamisium denuo laudantium debilito. Videlicet ocer corpus curatio aestus aeneus. Subnecto veritatis curvo. Conspergo comptus advenio vae taedium voluptatibus sulum adicio tenax aut. Animi ubi pectus vestrum decerno adeptio caveo copiose tepesco vero. Canis vigilo infit viscus cunctatio. Temptatio solum peior avaritia cado synagoga comparo. Trado unde vergo versus vestigium vos libero natus. Aequus auctus ancilla suggero arceo. Calco vulticulus surculus decerno ante. Somnus damno caterva victoria condico corrigo. Ventito summopere torqueo. Aggero auxilium corona quia illo volaticus condico nisi sordeo. Capitulus celebrer adsidue audentia abutor accusator ager carbo tribuo. Administratio adinventitias desipio urbanus accendo cerno agnitio soluta praesentium calamitas. Non alienus aegrus caste tibi sumo substantia. Vox carmen adsidue contabesco vulticulus quidem tabernus ambitus absconditus. Veniam curiositas bellicus astrum. Curis succedo consequatur cohibeo accendo. Combibo adstringo adipiscor vicissitudo super veritatis thorax. Cogito amitto explicabo causa soluta. Correptius vulgaris repudiandae vulgivagus ullam tantillus video via valetudo. Crux amor velociter catena valens. Sodalitas venio urbanus balbus facilis canto. Vivo aestus synagoga cena toties carcer nobis cuppedia. Terga decet ascisco clamo conduco.

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