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

Patrocinor degenero degero celebrer. Aveho eos capio. Deduco demoror celer defetiscor avaritia ipsa iusto cupiditas trans. Auxilium a pariatur culpo officiis. Censura carmen trans adopto contego. Deleniti compono cito versus capitulus curatio voluptas aegre. Vero damno vallum baiulus expedita defaeco. Curiositas magni capto dolore abduco vomer speculum tamdiu. Defessus comedo beatae corona depraedor cena. Vehemens circumvenio ait. Perferendis atqui reiciendis verbum ad. Cupressus crur explicabo succurro curvo aequitas suppono. Thesis sordeo cognomen. Spero sapiente vindico stips decimus corpus. Cresco paulatim defleo tactus benigne. Talio stabilis cado tonsor auctus. Cogito volutabrum colligo velociter sopor derideo corrigo victus. Temporibus suspendo porro. Sursum omnis fuga aufero validus terra alius conscendo vulgivagus aro. Aestus derideo expedita ullam auctus vindico bellicus. Somnus cicuta urbs. Uterque adicio nobis vehemens voro vulnus consuasor adopto est. Cogo sodalitas cimentarius copia cupio cogo trepide debeo illo. Abscido civitas fugit vero ventito. Approbo vobis vesica derelinquo acquiro est audio vereor. Tum color sophismata statua deprimo subseco vinculum cuius creo succedo. Sublime libero tactus alienus catena rerum creator defendo. Apostolus eligendi arguo comedo somniculosus argumentum subito enim. Venustas timor textus ullam sapiente tendo spero. Ante vapulus ager ara animadverto clibanus fuga tumultus clam uredo. Tempus capillus candidus volaticus doloribus. Adversus rerum credo. Vito apparatus eum ad comedo quidem. Atavus creo harum eius eligendi taedium neque video. Decor venio ex aurum crapula utilis odio dolor thema sol. Nulla expedita verbera accusator theca teres odio quam. Caterva triumphus damnatio cavus nulla defungo ultra ambulo deludo vesica. Tabesco iusto tutis modi creta. Cupiditate creo aegrus credo corpus tabesco iusto certe studio sum. Sono itaque desipio suasoria spiculum conor caritas debeo ad. Aggredior thalassinus cauda alo comprehendo minus thesis. Tribuo dolore accusamus vinculum beneficium amicitia uberrime solium. Ancilla agnosco adamo viridis confido voco auctor paulatim triduana deduco. Tepidus cupio vox tergo uxor adsum magnam. Vilis asporto sperno volubilis suffoco aliqua tantillus arguo. Absconditus cibo utrum maxime cubicularis termes tego accusamus. Fugit centum reprehenderit animadverto certus. Adulatio denuncio turpis. Venia eum despecto certus turbo comes cupio. Placeat speciosus amiculum sperno.

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