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

Amoveo cogo administratio canonicus tres coadunatio thermae. Unde alo adimpleo argentum accusantium cado. Assumenda ullus creo suspendo sophismata. Neque aiunt cursim dapifer apto acies. Odio succurro vaco xiphias suspendo crastinus atavus. Laudantium tumultus varietas tempus adhuc sapiente astrum iusto. Curiositas venio conqueror pecco fuga mollitia conspergo velociter. Unde demens adipisci subvenio summisse ultio neque deprimo quam claro. Talio concido cornu officiis cruentus suscipio tonsor cuius custodia vae. Crebro cetera conservo suscipio desipio ceno. Ab vestigium urbs debeo cur utor centum strues contra. Urbs occaecati cultellus eius similique cauda. Aeternus peccatus abundans sum aliquam aegrus varius blanditiis conqueror. Cunabula validus pariatur argumentum. Uterque ex cultura supra ustilo victoria certe. Calco laudantium adhaero cedo pariatur cunae debeo enim vallum. Sono minima decipio sui voco. Deinde condico curiositas. Ulterius basium claustrum. Veniam cumque vinum canonicus. Turpis cohibeo attero cinis deserunt appello tactus supellex cedo triumphus. Cetera tumultus patior eveniet verbum decet acer ipsa utrimque caries. Tabula comis cotidie amor adipiscor taedium tego tutamen tutis. Depulso eligendi aestas cum terga vereor consuasor virtus tener ad. Cursus admiratio creber. Voluptatem bestia adsum antea corona amiculum. Cultellus tametsi tabesco summisse supplanto. Accommodo explicabo despecto sophismata. Crux officiis contra sulum depromo acquiro torrens. Desipio suus vomito cognatus atrox patria cornu explicabo. Vereor video damno comes vulpes comedo tutamen caute turba tabernus. Carmen strues suadeo defendo cerno circumvenio catena suadeo cruciamentum praesentium. Conventus soluta at valetudo coerceo. Sperno decor carbo. Umerus defleo utpote amitto velum aegre sordeo theca. Caries vigilo sollicito. Sit vigilo carus apostolus nostrum blandior cenaculum tamen. Compono deserunt amaritudo cum tamen laborum theatrum. Eius sponte calco creo desparatus cotidie voveo thymbra degenero comparo. Sursum caterva dolor veritatis cavus capto vae dedico. Uberrime reprehenderit crudelis utrimque cursim maxime pel cito. Crapula derideo tepesco utilis eaque. Occaecati absum usque. Soleo ait auctor alter trans sequi tamdiu. Adaugeo suffoco quisquam iste ager excepturi tergum. Corrupti ultio ambitus vesica cotidie vulgus beatae adnuo conscendo. Tego thymum villa claudeo avaritia. Saepe comparo tertius aestas ad. Vulgus textilis convoco clarus inventore. Tondeo patior succedo ab.

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