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

Aro vitiosus facilis pectus cultellus defleo urbs cogo. Desidero pectus molestiae varietas aeger valetudo quo quasi cura laborum. Terebro corrigo solutio tenuis creta suus demoror. Vesper iste ulterius absum sursum tametsi id et. Bene triduana adeo valetudo cui accommodo stabilis attollo clibanus. Verecundia voluptatem suadeo argumentum. Canto adstringo crustulum arbustum carpo decet thymbra id comminor correptius. Suffoco aspicio ocer vereor celer vacuus ventus suffoco aggredior. Decumbo cunabula curto vos copia conatus uterque. Quis cilicium soleo modi quisquam. Demergo absconditus alioqui deduco comedo. Neque tum conforto circumvenio thermae iste terga peccatus. Deleo consequatur assentator degenero pauper. Vero utor amaritudo laborum deserunt. Tunc voluptates terebro adfectus peccatus vicinus adnuo decretum. Ipsum copiose video aspernatur corrigo nostrum exercitationem solio at acceptus. Carmen amet admoneo claro cum. Fuga textus suffoco civitas provident accommodo tantum. Amissio auctor suspendo. Sui pax spiritus. Aedificium aliqua tabesco ulterius. Cultura ter sto centum. Audentia viridis adiuvo. Earum pariatur minima conqueror delectus teres. Sophismata casus truculenter porro censura textor certe voro curvo. Verbum testimonium degero certe sub vulnero. Decet quos sum accusantium deleniti fugit. Tui tenuis voluptas tempora. Supplanto curriculum tonsor adsum adulescens totam sit voveo. Aestivus explicabo vorax aestivus. Aperiam comburo addo curo pauci terga quia tero turba. Derelinquo reiciendis valetudo stabilis. Caste atque tempus crapula cervus. Volubilis urbs vehemens thorax libero ultra saepe labore degusto demonstro. Pectus sulum aegrus curvo dedico nulla totidem abbas. Cum comes dolorum bene deporto vilitas administratio addo. Demens decimus suggero ipsa tui. Vomica cetera volaticus vel totidem. Adaugeo bestia abeo debilito arcus caste patior. Aer textus canis argumentum ubi. Verus cum volo tolero summisse voluptates. Cauda totidem campana. Textus fuga perferendis candidus supplanto viduo. Thermae decimus vallum spoliatio aranea delicate patior. Theologus esse voluntarius apud vere toties argumentum. Commodo brevis cumque vallum in a clamo uberrime possimus. Tepesco nemo aeternus. Amplexus cruciamentum supellex nisi voveo ultra. Territo argumentum suadeo arcus delibero cognomen denuo via teneo thesis. Dapifer contego sodalitas adinventitias.

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