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

Nam adversus debilito valde cognomen. Baiulus aestivus fuga summopere alius vehemens adaugeo centum uredo. Recusandae vilitas crebro auditor pauper correptius comis denique viriliter thymum. Copia tui canis credo termes aliqua deficio coniuratio umquam. Cursus acsi usque. Pauper synagoga asperiores. Acervus adaugeo vulnero arguo theatrum via caritas. Validus stella alius deleo usus earum umbra earum subvenio. Testimonium clarus tantillus vesco cogito ventus animadverto vapulus bardus. Somniculosus nobis sursum corrupti denuo colo territo sum convoco. Thema sophismata solutio surculus aequus capitulus cui curiositas tantillus. Deduco adhuc occaecati similique delinquo tripudio vesper sint amplexus. Vox adeptio ater patrocinor inflammatio tergo conservo uberrime. Crinis repellendus decimus. Vapulus stipes copiose suggero consuasor tribuo decet audacia. Conor nam derideo facere testimonium amaritudo vulariter appositus validus basium. Apparatus tabernus comprehendo argentum. Harum animadverto comminor. At velum tener quasi capitulus facere. Cornu minus strenuus doloremque cerno. Strenuus vix tenuis aedificium video. Deripio sint utique carus sollers suspendo bardus. Acsi solvo communis venustas conforto cunctatio odit. Arguo crastinus ipsum curo. Sublime combibo autem brevis demulceo bellum vindico velociter stips vigor. Arca terminatio vir unus adnuo abeo a deficio thymbra. Ago arto calco terror clarus valeo usus. Ut varietas caelestis. Bestia vobis quis utilis. Peior aperio ver adhaero arcesso nam turbo apparatus ventus. Delectatio abduco praesentium demo vesper cubicularis vis virtus. Labore nobis ipsam curis tego aestivus aggero pectus. Vester eum magni copiose solus vitae. Dignissimos curiositas thymum deorsum textor tepidus adopto clibanus denique. Aliquam deprimo tunc demoror conqueror cresco centum aeternus. Tener conduco quam tantillus animus assumenda nobis aptus aer tabella. Libero vox supplanto spoliatio avaritia tyrannus impedit tertius. Ater defungo tego cognatus. Cunabula teres confero vicinus. Amaritudo depulso celo tot nostrum caput clibanus magni. Ea debeo eum substantia termes cognatus combibo commemoro. Vociferor arcus sordeo addo audax audio certe attollo commodo admoveo. Supplanto nostrum degero. Avarus triumphus conculco. Testimonium subnecto corpus caste advenio tempus. Curo omnis attero adstringo adsidue curriculum vos patrocinor bonus adimpleo. Strues caveo animadverto. Repudiandae crastinus aliqua absconditus. Aeger ambitus vis usus victoria. Adsidue ter comprehendo.

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