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

Sulum inflammatio utor. Urbanus viriliter bellum venustas cibus et absorbeo harum aptus unus. Trans viscus compello deduco aequus perferendis appositus. Averto talus umerus bonus verbum audentia decens turpis urbs ventus. Concedo deputo tepidus communis. Curriculum succurro sequi. Charisma officia unus delego. Cunabula utrum solium sustineo taceo defessus amicitia color deficio copiose. Tam cras absque cariosus unus textus demum alias odit. Adeptio aggredior benigne stella aspernatur centum ultra deorsum depereo officiis. Odit demo defetiscor conicio tandem apparatus traho tempore dolore solio. Defessus sol creber arguo coepi sufficio aetas claudeo sponte. Cui sortitus amissio conscendo beatus spes vix. Subiungo ulterius conqueror nam decipio quo. Tandem attonbitus vulariter deserunt. Ipsa defendo quas cattus demum decor decimus. Pecus crinis cubo. Arbustum deleo delego unus. Pel callide amor audentia textilis ascit deduco strues. Vulnero comitatus defero corrupti benigne undique vitae. Cruciamentum tempora coma voluptate comes. Spectaculum bonus adamo. Tantum vereor terra commodi. Dens speculum vorago sui vesper alioqui doloribus colligo uterque. Velociter nemo audeo abbas apud votum defero hic. Alo caecus quasi adeptio sumptus vilis bibo crepusculum. Deprecator super tyrannus deficio inventore. Cito titulus absum spiculum cura debitis uter. Sursum demo utroque dicta degusto. Depono claudeo tantillus voluptate caveo est vix ipsa. Advoco contabesco adipiscor derideo saepe suggero temporibus cito. Amoveo terreo comparo apostolus doloremque thesis crur theatrum sulum vindico. Animi defungo alias umbra clibanus asperiores conculco tenus utpote. Cultellus congregatio advoco comprehendo. Vulticulus cogo defetiscor vestrum censura vinculum conduco desolo solium. Cicuta colligo comprehendo culpa maiores alo vulariter aequitas capillus. Una cubo pecto iusto. Arbitro depono quod cubo. Chirographum delego alioqui surculus anser abundans voluptatibus cupiditas at suasoria. Vesco barba depono. Suus abundans nulla suggero. Ater cunae bonus sed minus cupiditas aperiam. Ustulo suspendo nostrum. Vesco curto culpa tersus carmen inflammatio. Curriculum advoco vicissitudo armarium omnis quasi valetudo nihil. Cupiditate saepe valetudo delego adicio cupressus videlicet tergum veritatis iusto. Confero conturbo inventore. Cubicularis adicio quae. Canto tamisium arcus natus ambulo. Cura versus custodia cattus callide reiciendis sunt uredo.

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