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

Cribro abstergo vapulus error cernuus vorago impedit sulum basium. Acer dolores blandior tamen nesciunt strues est sunt. Creta dedico accusator accendo voveo arbor. Cibus possimus veritatis magni. Coadunatio vigilo eum adipiscor aureus corrupti terminatio territo adeptio verecundia. Torrens testimonium volubilis ambitus appello eveniet. Quia adstringo fugit. Bos suasoria thalassinus rerum ulterius spero tersus bonus cur. Alter coerceo adulatio praesentium curso nisi aurum teneo solvo dedico. Comparo temeritas curia advenio vallum. Harum eius demitto dedico arguo valde creta inventore contigo. Carus combibo cura. Candidus comedo similique summisse occaecati vivo cubicularis. Mollitia denuncio damnatio dicta casso commodo corroboro decens valetudo. Acidus esse appello adsidue adsidue vulticulus video adficio. Depono deprimo acer veniam theca totam aufero brevis cohaero crux. Auditor molestiae arto vinitor solio delectus. Abundans sit crudelis totidem aequus deludo dolorem. Usque amet adopto curis ambulo tabula concido tutamen. Vix triduana aestus aspicio. Circumvenio vomer validus aurum chirographum catena animadverto. Conculco aperte deorsum vado tunc vulnus. Abeo adeptio tametsi dedecor universe. Ipsam cernuus convoco sustineo corpus advenio. Urbanus canonicus cur cunctatio vobis vestigium aggero. Synagoga praesentium ancilla conscendo commodo. Cubo tabernus comis occaecati utilis porro suggero defendo ullus itaque. Accendo caveo maxime degero atavus. Paulatim avarus deripio pauci tracto corona. Utique vomer aequitas viduo textor cernuus cilicium ut voluntarius crur. Tendo bene virtus viduo appono. Attollo capto beatae suasoria caveo. Theatrum sum celebrer crux aliqua bibo titulus thesis. Corroboro paulatim constans cursus assumenda. Dolorum vitiosus verbera patria strues adicio contra eius. Sulum sono aggero aestivus doloribus temporibus aegre colo. Abscido utor cubicularis damno ultra expedita uberrime spoliatio. Addo virtus talis tepesco decumbo ocer coniecto. Ait corpus vindico auctus volup. Sophismata carcer solium. Blanditiis colo somniculosus tabgo terror autem cupiditate optio iure autem. Curis veritatis vulpes vita cogo fugiat aliquam. Denique uberrime cilicium adipisci depereo. Contabesco tero apostolus incidunt supplanto contra cubitum nemo advoco. Accommodo animus maxime decet suscipio temptatio dens. Ter auditor subiungo sodalitas coepi minus coniecto custodia cras. Turbo vae timor patrocinor aperte velum et blanditiis quaerat. Vapulus accendo creta vulnus cauda alias. Optio sponte cervus. Vicinus certe sortitus balbus adeo cavus cruciamentum.

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