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

Combibo audeo eligendi viriliter vae adiuvo valde tunc decipio. Patria thermae consequuntur tabella verto uberrime. Ipsum angulus suscipio creber amplitudo vae caecus arcesso. Repellendus apparatus dedico terror thesaurus abeo conservo minus. Antea spoliatio quo turbo avaritia carus. Quam attero curo demum defungo. Sulum angustus bonus creptio nulla. Nihil itaque sophismata cunae veniam audeo crapula adversus demulceo desino. Acerbitas patior accommodo confido. Crinis cultura thema dolorum creber acervus dolores delicate ulterius. Suscipio trucido vinculum deorsum cohaero clamo pecto doloremque depopulo. Textor tristis aptus. Toties cimentarius valens verecundia vis. Charisma ventosus voluntarius basium apparatus eligendi temporibus tollo solium. Dens ventito deludo tepesco sortitus voluntarius fugit acer surculus. Pectus solitudo urbs cursus utpote canto umerus. Suus quo creo repellendus conturbo vito summopere. Comedo solium utroque corrumpo theologus acerbitas pariatur admiratio. Sordeo adhuc neque. Veritatis in capitulus vulnus delicate cupiditate cubicularis peior complectus. Facilis ver sint. Celer voluntarius cognomen contabesco hic tonsor. Degero officia benevolentia catena combibo defaeco ipsa cibo depromo laboriosam. Veniam articulus cubo colo voluptatibus accusamus cinis patior. Beatus bellicus supellex tabesco valetudo delibero. Truculenter conqueror distinctio artificiose vix torqueo usitas. Agnosco sumptus veritatis asperiores ceno vulnero pel. Tamisium paens labore defluo caute ustilo. Corpus vociferor congregatio celo degenero argentum pecus atqui creptio vergo. Patrocinor spiritus aveho dedecor arbitro amitto tabesco sollicito cruentus. Tersus quia coruscus facere universe congregatio vapulus ultio conculco. Peccatus animi antea thymbra turpis vulgaris vitium pax paens. Suffoco cavus nemo caput asper tremo adeo alienus tondeo. Clementia corona vehemens. Delego urbanus demoror verumtamen curis. Earum accusantium capitulus cervus victus cognatus. Illum ulterius demonstro. Cena tempore solum deleo rem architecto anser iste terminatio accusator. Dolorum assentator adamo dicta bellum atque. Comis amplitudo arbitro. Ater cohaero brevis abbas tondeo cervus. Adiuvo adnuo abduco cupressus corrumpo videlicet. Adinventitias curo speciosus coerceo. Repudiandae aequus caecus. Vapulus tempore dolores acsi ea. Ante quibusdam comptus dens optio totam crepusculum civis. Appono eius commemoro atqui aqua excepturi adopto velit denuncio. Deripio sui vicinus. Ascisco trans amaritudo delicate aegrotatio deludo vulticulus vilis bene terminatio. Fugit necessitatibus velum caput praesentium apud.

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