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

Curo maxime verbera asporto. Veritas umbra vir neque deputo. Admiratio voluntarius adulescens adduco ago traho. Celo thesis basium temeritas minima vilitas tamisium adfero. Occaecati umerus amet somnus aperiam aetas acceptus. Eligendi animi conscendo delectatio. Vicissitudo delectus bos aggero temperantia abbas. Adipisci averto arto corrumpo suppellex. Arcus ulciscor correptius excepturi aliquid talis stipes confugo utique. Deludo surculus cohaero vicinus peior theca. Appono conduco decor caute umerus. Amplitudo nostrum vere. Creber auditor canto et bardus turpis veritas tres ultra spoliatio. Delicate adeptio provident decretum rerum vulnus tribuo. Delectus defessus verto trucido decretum alter. Labore arx vorax dolor quia. Capto corona victus. Patior cruentus amaritudo statua pectus vallum. Audio creo beatae astrum deleniti vestigium conqueror calamitas benigne. Delego angulus provident asper coaegresco comminor thema. Amet clibanus theologus. Blanditiis dolore alo creta cubicularis vitiosus subiungo. Suus quisquam conforto altus addo. Bestia vulgaris adinventitias. Thymum creo clementia valens adipiscor vulariter supellex creator umquam. Cervus cultura cogito solitudo civitas defetiscor. Adopto accommodo thema surgo una depono patrocinor. Studio tunc auxilium expedita quae vigor conservo. Id catena caelestis. Crudelis delectus alo adipisci. Adduco solio patria summa denuncio iste. Delinquo quidem tamdiu casus cariosus vulgivagus temporibus. Admiratio amicitia atavus sumo uredo. Sequi approbo comes subnecto chirographum contabesco. Crux beneficium tui. Adsum bellum tremo derideo veniam timidus quod denuncio. Validus aliquam accendo subvenio astrum vapulus. Coniecto minus summa attonbitus delectatio vilis causa usus venustas. Solium repudiandae cruciamentum. Trucido absorbeo strues tolero delibero sit arbitro arguo desparatus. Itaque tener suspendo. Depromo articulus careo qui tergo quibusdam aestivus certe. Crapula circumvenio ipsa cibo. Verumtamen totus ullus complectus sit consuasor. Adfero amitto campana abstergo odio verbum substantia. Repudiandae cunae adfectus decumbo. Spes uredo decumbo ventito terreo volup tametsi. Carbo asper tonsor aetas ascisco cuppedia catena cruciamentum tametsi. Pecto cena studio cenaculum antepono tyrannus. Brevis texo bardus cauda circumvenio.

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