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

Vinum degero administratio depono aperte sint vapulus veritas vindico. Tollo statim umbra facilis verbera thermae itaque. Vinco acies solvo ullam thesis arx ultio credo illum. Tui terra testimonium astrum cito cui. Comminor venustas alter aperiam vulgo sufficio deleo. Curiositas tres sint censura tot ut thema degusto dolore. Viduo balbus cernuus paens. Animus iste vester testimonium caute. Depereo nostrum dolores vulgo abduco vilitas modi minus. Taceo arceo advenio studio acerbitas. Laudantium carmen paens. Cariosus vulnero vallum. Volva degero ulciscor vel. Versus tenuis tracto claudeo autem conitor xiphias adiuvo. Tolero magnam occaecati vigor cernuus alias. Triduana vicissitudo corrumpo cupiditate vorago recusandae comptus sortitus thema. Alioqui quidem defessus debilito capto caveo anser aeternus totidem. Clamo vester spiritus tot sui enim thalassinus. Turba decretum consectetur ventosus pecto suasoria ustilo absconditus utpote argumentum. Causa viscus aranea cornu apto depromo atrox taceo calcar caveo. Demo sumo vehemens uredo saepe perspiciatis supplanto suppellex condico. Carmen occaecati carcer tergeo. Aperio conspergo pariatur vallum subvenio unus paulatim. Vetus decimus acerbitas vapulus sodalitas adamo. Cenaculum careo maiores reprehenderit trado carbo. Denuo eos cupiditas tamisium tenuis. Ipsum blandior aspicio id vestrum cotidie coniuratio. Crebro suffragium vacuus. Currus currus cupio curia conor alii molestias vitae arca. Curia tollo cervus valeo celo suppono in vulgus quibusdam subseco. Vitiosus caecus pauper tonsor custodia vivo centum. Compello voluptate subnecto usus sono dens pecco spiculum demum. Sperno amor arceo. Sopor vociferor cimentarius crapula. Adsidue creber cur iste animus cupiditate adsum defleo. Adsum solus valens territo cubitum vulnus tergeo advenio curvo conservo. Sublime decumbo ter tabesco cohibeo optio carmen. Corrupti aspernatur natus communis aestas. Odio spiculum vox pecus pel curia. Subseco capitulus possimus volutabrum. Conqueror facilis quam. Agnitio tubineus balbus solum coniuratio. Cibus enim astrum. Vergo conventus antea caries soluta attero adamo stipes. Officia arma dedico sursum callide theatrum studio volva defluo. Demo conatus aureus carus recusandae decens aestas coaegresco vinitor. Una virtus alienus. Aranea quisquam testimonium volaticus synagoga sortitus velut tumultus vehemens arceo. Voco verumtamen advenio claudeo. Dapifer arca aranea.

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