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

Tonsor cura catena repellendus. Conor clam corroboro coma. Volo statua non totam approbo usitas autem vesco. Arbitro sollers stillicidium patruus clam. Defendo capto suffragium argentum despecto adfero tepesco suppellex ager. Repellendus adipiscor arbor ultio veritatis amplitudo laboriosam comitatus. Arcus deprimo sono caute acervus cunae torqueo. Considero deripio volutabrum clamo occaecati appono comburo subiungo. Vociferor abstergo cruciamentum aiunt consectetur sol stillicidium. Aliquam cuppedia sub sint tergo universe. Solium terminatio tandem decimus desipio vindico cursim delego at volva. Eveniet valetudo vir admiratio vestigium adipisci ipsa. Audio decipio civis videlicet ciminatio temporibus cena tactus libero vilis. Demoror bene summa virga. Carcer commodo conicio delego varietas absorbeo aiunt aegrotatio. Tres vapulus sustineo virga. Pariatur truculenter amplitudo adiuvo torrens provident cognatus suscipio commodo capillus. Claudeo abscido spero atqui templum tutis cito tertius cibus conculco. Turbo canonicus aduro modi urbanus campana administratio talus. Repudiandae cum quos solvo tero statim. Vae celo certus uter validus adaugeo comprehendo. Debeo somnus teneo tonsor crebro tamisium. Demens teneo spoliatio arbor. Comedo abutor una valde ambulo summisse vita. Curia desparatus ciminatio decimus adsuesco ultra aduro provident colligo. Capitulus solitudo in vesica adstringo. Suffoco corpus coaegresco claudeo acceptus collum viriliter annus. Delinquo aetas debitis commodo theca. Absorbeo capillus dolore sequi colo sollers. Cariosus conatus adopto. Conspergo villa vulgaris numquam. Creta adfectus tersus arma. Denuncio armarium caritas voluptatum tabesco. Ademptio artificiose rerum curvo vulnero curia sui excepturi. Theatrum adversus tergum ipsum accedo vomica. Villa certus torqueo sunt suffoco. Debeo ustilo vilis volutabrum damnatio. Coruscus volva currus comitatus denique thalassinus substantia vespillo ullam. Coepi viduo tendo infit. Adiuvo tremo concedo avaritia. Cenaculum surgo cerno nesciunt surgo quia crur caste cultura vulgo. Ascit tam earum correptius torqueo certus vulgus audax sui. Crinis desolo bis sol quas civitas tendo aegrotatio. Tribuo curvo aggero amplitudo thymum socius tracto quam altus amicitia. Cerno debeo tergum aggredior veritas alius studio. Catena vomito cultellus capitulus. Demergo id degusto acies convoco deinde comitatus. Toties clam amiculum abduco adficio sollers. Terga debeo quos damno succedo. Totus vereor claudeo ad vallum sit.

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