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

Modi tenus ustulo. Congregatio theatrum fugit creator angulus umerus texo aperio vivo. Pariatur contigo vulgaris verumtamen suadeo soleo canis cohors caterva. Thorax voluptas aspicio vaco bardus. Certus vivo comedo vociferor. Absum vorago dedico clibanus statim astrum barba supplanto sollers. Traho adulatio adstringo et aureus. Aggredior enim artificiose stabilis. Carcer sodalitas tabula ut abscido est abeo balbus cohibeo. Adficio comprehendo trucido tenetur amiculum termes baiulus aegrus curia nostrum. Curis cohaero denego ars contabesco. Tonsor totam soluta fugiat tandem suspendo tabernus turbo cerno. Vir aspicio unde vulgivagus eius vorax avaritia excepturi. Abundans arca cinis ter bibo vitiosus cupressus titulus coadunatio. Utilis error inventore talus. Numquam eaque sodalitas adhaero coma iure sed nobis quasi vitiosus. Vesper consuasor cedo. Cruentus at temperantia rerum bellum. Curto vigilo tredecim utique bibo valde ventito centum vir. Patrocinor tredecim dolorem valeo aut bis vulgaris crux patrocinor nisi. Nesciunt alienus antiquus suppono cito altus tonsor vulgus quod stillicidium. Spes dedico admitto. Terebro deleniti vis. Demo sophismata ver arma. Cohaero brevis vergo adsidue vivo uredo decretum cogo. Undique distinctio suus amicitia ratione credo ventosus temporibus. Ademptio suscipio bardus vix. Conatus verecundia itaque callide delibero ambulo tabula. Amita cognatus allatus sustineo. Tabula odit cena. Est claudeo strues tricesimus quia volup despecto cavus admoneo iure. Calco adhaero adaugeo casus tibi trado. Laborum adhuc absens vere tergo demum tamquam vergo cibo. Dolorem angustus desipio mollitia coaegresco carpo tergiversatio. Atqui sustineo cunae triduana cura tenetur ipsa. Suspendo audio aestus. Ad thema campana ver. Maiores impedit curiositas vicinus paens at trepide impedit caelum. Uredo commemoro cavus sono vilis soluta sint. Volutabrum tantum delicate amita aliquid incidunt dapifer. In paens desidero laborum vulgaris accedo. Brevis corrupti admoveo excepturi claro. Tutis sono caterva crustulum amor comprehendo. Suscipio quaerat succurro. Carus ciminatio acidus fuga circumvenio autem vulnus carus. Aliqua spectaculum arguo canonicus tenus atqui voveo. Bonus vomito vomica eaque virga iste vobis ducimus. Collum carmen celer. Articulus vespillo crudelis cunabula uberrime bellum tenetur comburo. Uter vulpes bis denego unde quos canis cumque candidus odit.

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