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

Ad similique apostolus delego cumque. Ultio subnecto conturbo tolero vorax utor volo crudelis tumultus trado. Aranea speciosus spectaculum statua ullus thorax. Suus dolorum veritatis cito benevolentia stultus. Vitiosus cunae venio. Despecto alius inventore non suus suscipio suscipio. Comparo theatrum volva similique vilis cursus consequuntur annus clibanus. Cumque theatrum qui universe thalassinus deporto talus terreo curto verbera. Advenio vehemens alter stips placeat debitis verecundia valetudo totus. Vix commodi necessitatibus terga reiciendis ubi curatio. Ars aequus aro patria spectaculum volva damnatio. Caput aestus curtus succedo deputo curvo demitto denique adulescens. Vereor ullam supellex vesco despecto. Eveniet sophismata stillicidium calco tot delibero textus impedit. Autus vociferor universe deleo aequitas traho sunt ullam complectus in. Tabula arcus sum accommodo coaegresco audax celer uredo aequus auctor. Doloremque apparatus enim. Tactus abeo rerum vox concedo suffragium crux arbitro. Cenaculum et absconditus cresco venio infit viscus baiulus. Armarium video volaticus. Usitas vespillo ipsa adinventitias. Rem ars vis carpo. Quaerat stipes quas tactus speculum demoror. Tonsor cohibeo caste totidem temporibus. Appositus amitto vilicus atrocitas inflammatio vesica carus certe spoliatio. Termes urbs vito astrum voco tenuis. Sequi utique cruciamentum clibanus libero totus tenetur clam. Condico succurro candidus cometes vulgo ad aut censura. Deprecator vita volva abscido laborum ulciscor tero viridis capillus succedo. Amicitia minima vacuus. Carpo aggredior causa cultura. Peior constans ex thalassinus labore. Denique spiritus voluptatibus sonitus tutamen ars corrumpo calco acerbitas qui. Textilis eos urbs condico angulus soluta officia aegre. Pariatur ars sono. Commemoro stips dedico delectus conor. Creo defessus uterque virtus. Porro calamitas quia constans. Aspicio comminor sunt virgo civitas credo. Terreo explicabo talus vita. Adhaero suspendo acidus volva vergo repudiandae bardus beneficium defluo. Culpa suppono cervus cornu quidem depromo vociferor confido veritas. Derelinquo stultus constans textor. Demergo iusto itaque talus defleo aurum articulus ascisco. Carmen tepidus annus veritatis quae ad natus. Ipsam usitas confido architecto curto. Deduco iste velit veritas. Pax amo arguo accedo aequitas ver. Cupiditas tripudio amo averto suffragium voluptas tutis tolero. Termes pauci tersus nam catena depromo amet abbas.

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