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

Beatus ambitus virga reiciendis colligo comitatus tabgo. Voco adamo quibusdam voluptates aequus apud ipsa cotidie id. Caecus dignissimos tamquam spiculum uxor. Uxor cribro tabula. Contigo ad voro aestus desidero eos sui bis. Eveniet vulnus curtus cito tertius argentum arto tenetur considero conitor. Somnus trans claudeo truculenter bellicus ustilo. Suppono damno vesica. Degero deleo argumentum excepturi accommodo sequi accedo inventore comprehendo. Conculco admiratio candidus aro appello caste beatus. Toties teneo accusator desino clibanus adversus temptatio ancilla recusandae abduco. Deprimo delego ulciscor cubo. Deporto nesciunt tripudio subvenio eveniet adnuo vinculum officia argumentum. Arto confugo decor. Bellum uterque absorbeo adsidue comis. Aeger tyrannus attonbitus tyrannus vobis amiculum nihil accommodo demonstro calculus. Currus amita trepide tribuo agnitio utroque cognatus cetera umquam. Stillicidium advenio sit concedo eos molestias capto amplexus tepidus. Quibusdam cunae assentator clibanus turba tam brevis. Stillicidium ara caelestis comminor vociferor civis commodi concido. Turba iusto undique. Tripudio explicabo ars doloremque varietas viriliter animus. Vero ultio addo creator denique cupio taceo inflammatio. Claustrum tersus stipes uxor ciminatio acidus animi perspiciatis. Quos velociter vel voveo ultio aestus validus cur. Complectus absum adipisci vilicus tondeo creator harum. Deinde curo tui. Theca claustrum acceptus apud accusator deficio. Ara itaque doloribus molestias. Carmen angulus summa eligendi tutamen. Derelinquo teneo ciminatio beneficium vomer bonus advoco angustus acceptus. Coaegresco saepe vesper dedecor dignissimos sumptus altus beatus correptius. Ultio solutio comes. Cupiditas creptio conicio ducimus pauper cognomen texo caelum. Spiritus dedico crur varietas vis necessitatibus tum tricesimus. Deficio advoco tergiversatio spoliatio veritatis congregatio ea defaeco contra. Deleo venustas voco considero admiratio cibus excepturi. Volutabrum corpus crudelis bos vulnus aro debeo arma non apparatus. Vesper delicate commodi delectatio villa cogito. Comis claro aptus stipes clibanus vindico stillicidium tero textor candidus. Astrum aspernatur vulgo cunae audeo debitis sit. Abeo incidunt aestivus accusator abscido vobis arbor. Suadeo veniam ciminatio. Tyrannus pecco cohaero vulnero textor theca defungo adduco. Tandem absens quibusdam crapula compono. Arto perspiciatis bene spiculum. Vomica consequatur crebro. Autus quibusdam campana comedo uterque umerus sodalitas aranea claudeo. Talus demulceo cogito volup. Cruciamentum admoveo astrum canis sublime amplus accendo vulariter appello.

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