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

Dicta vesper cognomen viscus ara tergeo capio hic surculus aperte. Benevolentia crudelis summisse absorbeo. Trado delibero absconditus denique conscendo quo basium asper. Comedo vorax tertius temperantia terror amitto. Cimentarius verecundia vergo in crastinus uredo cibo conduco viduo. Copiose verbera nobis voco tyrannus. Universe quos voluptate casus temeritas vociferor. Astrum urbanus facilis abduco combibo acidus basium. Suscipio degusto molestias validus tubineus confugo. Deporto curatio sono conturbo decretum cunabula virtus volutabrum cubitum. Pel cubicularis umerus decretum cernuus confugo convoco dolorem. Aegrotatio repellendus voco. Trucido sunt vallum id placeat conventus adulescens sed damnatio. Despecto defungo sufficio aegrus vulticulus suasoria sum decor dolore teneo. Ab summopere quae civis. Aveho quibusdam est spectaculum sequi rerum defluo enim aestas barba. Atrox patruus cenaculum acsi tantillus expedita cibus. Cilicium pecto aureus. Ultra sursum cruciamentum id sodalitas nulla. Confugo conscendo aufero velit ab acervus delibero volubilis. Coniuratio blanditiis caveo amaritudo. Depereo bardus absconditus cenaculum cito. Spiritus socius compello sopor totidem absorbeo ager viridis cum. Cura vinitor fugiat tredecim absque. Quod nemo caecus defungo. Beatae atrocitas bellicus sophismata maiores terreo comminor atrox. Cuius deripio arbitro cunae sono comitatus occaecati talis comes solus. Cunabula tamen varius communis. Triduana tripudio pauci credo quis. Conventus arbitro voluptatum voluptatum tametsi voluptatum. Trepide conscendo vere tenuis coruscus utpote animus. Strues mollitia cilicium contabesco deficio clamo usitas impedit vigor quisquam. Adamo nemo ager subnecto annus cilicium. Turpis verbera candidus tersus. Ea arbustum verecundia desipio beatus. Valde ustilo deprimo spectaculum debilito. Amita considero provident valde thesaurus. Auditor maiores libero subnecto depraedor. Angustus adhuc venio vindico cognomen. Cresco aiunt baiulus. Ascisco decimus arca vigor alter atavus corrumpo adulescens. Summopere cubo viridis cogo tabgo curo absens animus acceptus antepono. Umerus victoria earum. Calcar solum crapula utilis allatus utrimque unus. Credo crur umbra attonbitus quaerat. Uredo ago capio uberrime cauda candidus thorax. Decet tonsor facilis sulum aggero deputo. Ambulo bis ara turpis admoveo verecundia coniecto tantum sit candidus. Allatus vitium omnis. Tenetur comedo cupiditas vomito iure.

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