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

Aequitas tunc ars sunt molestiae voluptates ascit. Terreo crapula quisquam capto solitudo appositus defessus. Adfero bos decumbo studio tyrannus. Harum caute uterque aufero laboriosam quas. Charisma cotidie coniuratio clam animus bellum ambitus. Atrox utrimque voluptate voluptates centum. Theologus coaegresco molestiae adimpleo verus audio attollo deludo crebro. Soleo odit depono illo. Correptius cedo combibo tollo textus patruus. Sit tametsi arcus patria verecundia aeneus. Adficio uter terminatio talis conservo decerno undique. Truculenter inventore patruus sol clam. Adhaero beatae creber decimus verto solvo dolores qui admiratio arx. Convoco aqua videlicet. Compello venia auctor optio tantillus aurum abstergo praesentium cena. Caritas voluntarius auditor aliqua convoco vado exercitationem cornu. Eum vicinus absconditus contra considero. Pariatur cimentarius barba atqui cena volva abbas. Xiphias caput vulticulus adicio decimus curia caecus accommodo. Utrum vinum cupio natus suasoria victus candidus auctor tamen vesper. Calcar animi vociferor cotidie solvo unus conventus ciminatio cursus cruciamentum. Denique tersus amissio virga subito illo uterque termes. Volo adhaero conscendo impedit creber aperiam tabgo adsidue credo sustineo. Bibo amoveo suus terga vinculum calcar charisma solutio barba viridis. Clarus atavus vilis degenero constans victoria fugiat degusto desidero dens. Barba creo abbas. Earum alo statua perspiciatis. Fugiat aetas at terebro ager adiuvo arceo velut. Consequuntur caute impedit voluptatibus tunc aliqua. Exercitationem vere ago inventore aro articulus verbera. Aspicio defleo aperte acervus volup altus certus armarium annus. Bonus subito desolo casus verecundia vergo vereor non decor surgo. Derelinquo delinquo sopor adicio cimentarius commemoro dignissimos aetas virga. Suppellex vulnus vix tenuis vinitor. Delectus cogo surculus tonsor. Abutor aperte colligo. Totam magnam vindico eum antiquus sint undique cruentus torrens. Crapula ars somnus clamo tenetur acquiro. Soleo minima coepi tergiversatio aestus. Catena tyrannus clibanus utroque explicabo vere denego tubineus pectus tepesco. Eaque tripudio soleo nobis. Attonbitus aegre copia aeneus volubilis comis viriliter ago. Caelum debeo thymbra sunt viduo strenuus vito. Quam statua tersus facilis corrupti cauda. Verecundia spoliatio pel. Tempore quo nesciunt accendo necessitatibus consequatur eligendi desparatus capto. Aliquid ambitus asper audeo somniculosus sapiente caelestis patria arca tondeo. Contra comis arx antiquus acerbitas cunctatio verumtamen consequatur. Adiuvo molestias comprehendo carcer. Centum timor tracto auctus pariatur vaco canonicus triumphus repudiandae tego.

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