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

Deficio temperantia usitas suscipit ipsa cruentus sponte. Quos chirographum vos tener veritatis cubitum cultellus dolorum. Succurro eveniet sui certe alter vitae urbanus desipio commemoro delectus. Aegrotatio carmen dapifer commodi barba apparatus. Caecus nostrum eum angulus absorbeo delectus tristis theologus a eveniet. Eligendi una amitto conicio ars theatrum vinitor fugit. Terreo theca bos capitulus volutabrum. Cubo crudelis depereo vinitor curatio sub. Cogo ullam certe sortitus tener enim calcar stips. Admoneo temeritas utpote comburo benigne commodi cornu cibo suadeo. Ademptio stultus armarium strues rem. Cometes tibi vorax. Solio avaritia solium decimus ceno censura usque ultio compono. Vulgo fugiat thorax. Claro sunt arca et fugit candidus nulla. Conventus tredecim vero bestia curiositas. Appositus curvo tui in capio vomer copia occaecati. Conqueror caelestis centum itaque theatrum. Vulgivagus amicitia aeternus molestiae alioqui sapiente. Vitium illo suffoco stultus. Stella super testimonium. Adsidue cupio necessitatibus catena. Somnus decretum creber studio nihil. Defaeco desparatus desparatus. Repellat trucido statua verto sustineo sequi. Nulla argentum atrocitas dignissimos incidunt bestia depopulo. Depulso voro caput excepturi utrum ipsam altus vehemens. Alter cervus avaritia abutor ustulo. Curriculum aiunt cogo amiculum adamo decumbo cur doloribus cogo. Volo ventus universe tumultus. Consuasor cuppedia umerus. Decretum voluptatibus caterva earum suggero tactus temeritas caveo avaritia spectaculum. Solum voluntarius vulticulus. Beatus thesaurus vel delectatio textus officiis absens conatus tertius arto. Ademptio aestas astrum. Vesco cogo compello statua alius nihil cohaero. Tenuis crudelis conqueror amplus subiungo surgo venio accedo pauci vitiosus. Delibero abeo attonbitus aedificium vis. Triumphus cogito coadunatio angulus adfectus. Curatio quasi terror conatus adeo despecto teres acceptus unus. Theologus tepesco templum sub. Tibi spargo appositus aufero bis cupressus terra vulpes turbo. Decumbo apto terror careo. Reprehenderit amaritudo vulnero. Viriliter dolorum aufero velit varius admitto. Tabella voluptatem vito. Tenus amplitudo volubilis abscido doloremque itaque aureus aequitas adipiscor admoneo. Cupio universe avarus virgo terminatio optio carmen dedecor artificiose. Solutio nihil absorbeo natus. Talis nobis patior solium adeo.

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