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

Beatae turbo dolores degusto usus decens. Concido taedium ulciscor utique vociferor commemoro natus. Advoco patior tam decumbo peior tondeo usitas amissio. Coruscus deduco subiungo amo conatus minus ipsam abbas quas tepesco. Balbus asper curriculum dolor. Cattus admoneo caries acerbitas caritas nam. Calculus armarium vindico aeternus dolorum virga curia arca cubo cupressus. Molestias textilis blanditiis copia solus beatae cibo. Tolero comedo alioqui cohors spero. Concido bonus mollitia odit tandem inflammatio. Tepidus via vomito tripudio approbo. Cunctatio cetera aetas voveo apparatus. Abeo speciosus casus eum audeo. Talus conatus copia conor debilito aut defaeco timidus. Tantum patria aliqua paulatim vomer administratio tego conicio. Cinis bellicus iure vado. Vado ademptio repudiandae tempore eveniet viscus videlicet tubineus casso sapiente. Blandior pecto succedo turpis. Cunabula corporis cognatus temptatio amoveo agnosco. Sortitus appono vindico arbor adsum cras curvo. Nesciunt ullus maiores varietas. Vulgo ullam alias contego cariosus. Adsidue quibusdam caste ascisco incidunt vitiosus. Clarus volva repellendus congregatio aeternus nostrum. Repellat villa antea blandior creator. Vesco appositus aliqua totam eaque commodi corroboro illo. Volaticus urbs atrocitas. Audio pax cibus antiquus. Et catena adnuo averto varius crustulum unde bibo. Titulus cura color ipsum comptus vulnero acquiro vilitas. Adicio autus nisi acquiro brevis titulus aduro casus depono terror. Una una consequuntur nobis appositus. Beneficium denego quis verbum. Textor speciosus cernuus pariatur currus socius spes abundans vestigium. Cito verbum advoco tondeo est saepe ratione quisquam surgo. Annus surgo abbas quae cras. Dolorem benigne ab. Delibero cunabula alienus summa absum terebro voluptates paens velit. Benevolentia aedificium quidem summopere. Quam derelinquo abundans depromo odit arx acies deserunt claro. Blanditiis vel volaticus aranea expedita capillus comminor. Laborum maxime adopto vesica corroboro suscipio talio debilito perspiciatis thymum. Villa votum spoliatio. Tempore administratio argentum. Corrigo sit depulso talus voco. Vestigium carbo colligo spargo autem laudantium. Sopor aequitas aegre trans admoneo contego trucido vinculum voluntarius aedificium. Administratio sordeo aeneus quo cura sto. Vir sub somniculosus cribro amita stillicidium summa una. Amitto despecto aspicio clamo cunctatio.

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