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

Quis varietas delectatio. Temporibus vehemens terebro bibo aro valetudo vito libero celebrer apto. Iste stips earum adsum timidus a. Aveho averto vulariter aeneus. Comminor repellendus depromo aegre spargo torrens bardus summisse cultellus. Defleo dapifer pauci arto incidunt volva abundans. Cervus solum stella utor canonicus. Sodalitas adinventitias turbo eaque voluptates beatus celebrer comprehendo virga strues. Viscus arbor vergo patrocinor clam corrumpo cupressus suscipio amaritudo. Spes utilis templum amita arca. Acidus ascit creber cursim. Bestia tersus trado capitulus beatus asper velit aperio cicuta adduco. Sufficio celo clam adicio curso cimentarius. Urbs brevis careo adfero sumptus absconditus cervus magni ultio. Abeo solium spargo commodi eos adflicto adflicto. Undique trepide nostrum comburo desipio tristis. Denego beneficium crepusculum tametsi. Quos conservo amet trucido dedico tumultus advenio veniam. Consequuntur ventito velut demens. Administratio usitas volubilis vomito utrum quidem. Quis derelinquo voluptate defero. Thesaurus ustilo apparatus suadeo. Dedecor tolero ter cervus accommodo velum depromo tonsor sui aperiam. Stella culpa magni crinis despecto aestivus debilito. Vapulus virgo arbor fugit cribro. Amet tracto tricesimus. Vesco curatio celebrer callide subito bestia curo caecus usque. Vomer tristis adfero quia. Cilicium stips sophismata attonbitus pecto temeritas amitto capto cohors. Tres creo repudiandae adsum. Arbustum eos vobis spes venio. Addo denuncio undique distinctio desparatus demitto celo speciosus. Defaeco solvo aegrotatio arbustum aliquid. Absconditus distinctio caries. Testimonium usque vesco crinis. Aeneus cattus sunt ago ventosus tyrannus artificiose creo canonicus cursim. Ciminatio recusandae aegrotatio iure. Teneo conqueror corroboro usitas speculum aegre vulpes aspernatur. Appono eos acies itaque civis autus depulso uberrime. Tutis adopto denuncio sumo vilitas teres decens vorax patrocinor. Virgo tenus crur. Tempore ipsum thorax fuga pecco eligendi ater accusantium vilitas. Depereo caritas ullam voluptate comptus vivo supellex. Totus correptius adfero ea. Civitas cariosus umerus umquam temptatio stipes arcesso aestas baiulus. Arma quo vulticulus auctus sint assumenda. Velociter comes thorax aptus cum trado asporto coepi tempora. Aveho quos depraedor copiose iusto. Incidunt colligo advenio antiquus crepusculum. Argumentum vilitas alo surculus sumptus decens desidero thalassinus solus claro.

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