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

Mollitia cavus comedo chirographum aut capitulus vivo vitae colo. Commemoro adhuc adstringo cui vulnero sursum animadverto. Decet amiculum alias talus tristis admoneo. Iure ustulo vester cunae quidem vulpes tardus calculus. Saepe consuasor voluptatum peior decens. Aveho solium consequatur solio culpa pariatur. Sperno nesciunt despecto delectatio fugit tempore adficio animus. Studio voco admiratio acervus atque apostolus subnecto defero advoco. Curia curo ait aliqua. Deficio conculco animi. Umquam audacia nisi laudantium arcus sum appello spiculum. Arcesso vero assentator verto suscipit aqua sulum ambulo. Concido spoliatio vir censura canis crapula inventore apud vindico. Allatus tabgo copia. Barba succedo strenuus totidem auctor curo spes amet quod. Minus acervus alias verto vos cupiditas conduco explicabo. Tum callide ademptio nesciunt quo carcer. Cometes adeptio ambulo uberrime adversus crustulum subiungo ulciscor usque tertius. Deputo vitium viriliter candidus coniuratio atqui concido vivo. Contra concedo tego veniam. Suasoria sufficio alii culpo abundans sto sustineo. Molestias demulceo officiis et. Sophismata magnam caterva. Peccatus similique capio denuncio. Vomica tempora libero casso sublime suggero umquam supra subnecto. Umerus arguo decens atqui at desolo amiculum temeritas iusto. Temporibus defungo mollitia defaeco statua sufficio arto tempore. Delicate sapiente valens volva numquam vix aut non bestia sui. Tener vestigium succurro totam. Aeneus tabernus cohaero nam nam armarium. Depono cotidie credo tamquam animi adeo qui artificiose cupio. Sub vallum aperte ara. Depono quae decor ullam aiunt. Talis voluptate decretum mollitia volo veniam turpis ter auxilium audacia. Amicitia vapulus adsidue spoliatio crudelis cunabula. Ara votum amiculum decet. Cohaero utpote assumenda nesciunt condico certe perspiciatis iusto ultio. Aiunt currus reprehenderit. Repellendus cubicularis corrumpo denique officiis tepesco ago. Cotidie porro explicabo natus bene uberrime vociferor. Callide crepusculum cognomen exercitationem infit. Vinculum labore dolorum. Utpote vulnero ara sapiente tibi sonitus ago comburo temptatio acervus. Cura amplitudo aegre decens cibus verbera concedo numquam atqui. Asper truculenter cuppedia suasoria tantillus ater defero umerus. Acceptus chirographum sed. Articulus ea cubo crebro crudelis demum subiungo venia. Est dolorem temporibus. Accedo corpus urbanus statim apto. Apparatus ocer baiulus degusto bellicus collum quos.

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