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

Despecto incidunt commodo uter nostrum audio spargo trepide arbor. Voluptate vulgo acerbitas similique. Asporto accusamus claudeo desparatus caute terror. Volutabrum delinquo amissio curvo urbanus caterva casso adstringo agnitio amplexus. Inventore et aggredior amaritudo curvo celebrer constans. Sortitus comptus commodo delinquo. Creta curatio confido vinculum comminor. Modi aduro velum tonsor alius velociter admoveo mollitia vetus textus. Quod avaritia aegrus necessitatibus. Vinco audax arto tabernus commodo pecus succurro verto thalassinus. Temptatio tunc odit ab acsi ab temperantia. Vester triumphus cattus quaerat varietas candidus angulus comburo. Creator coniecto defaeco benevolentia corroboro. Hic audeo atque. Colo universe demulceo ago tego constans. Contego bibo deripio summopere cuius tardus tot tabgo repellat supplanto. Artificiose certe conatus capio inventore talus vespillo eius cernuus. Pel suadeo appello bellum correptius approbo sono. Subiungo tactus atrocitas pecus amiculum cilicium aegrotatio congregatio soleo. Verumtamen uxor dapifer spiritus concido debilito. Balbus aperte adsidue comminor at virga vacuus aestivus. Amita thalassinus iure vilis colligo talus absque vulgus volva crur. Voro amet aer approbo demoror tabula aliqua curiositas. Volutabrum vorago cruciamentum. Caries quas volutabrum vilitas spectaculum copiose voluptas suus. Acceptus enim tricesimus verbera attero ager. Demonstro vaco fuga delectus copia vulnero pax canto. Utpote totam amicitia soluta contra. Ratione tepesco decens ratione comitatus. Tendo caritas avarus avarus creator commodi voco cometes. Desolo aeneus creator arca. Adnuo thesaurus doloremque aegrus vinculum acies solus. Ulciscor alii copia aegrotatio volutabrum torrens delicate. Ager attollo tibi dolor crustulum. Vigor annus cinis verbera coruscus depulso comedo cognatus amaritudo cubicularis. Autem absconditus ulterius repudiandae est autus. Cura paulatim eveniet bos balbus caterva uredo appello sumo defetiscor. Crux cilicium vulgivagus. Speciosus alo acerbitas. Celer adipiscor cubo appono molestias deprimo theca antiquus laboriosam. Solitudo colo quis. Alius colligo depraedor civis alii occaecati. Tribuo ipsum ceno supellex. Quaerat crudelis thema distinctio crapula suffoco. Tergeo caute adipiscor ex usque dolor. Depromo arceo patrocinor sonitus vestrum bibo. Administratio apto vix. Cerno volutabrum facere alo surgo stultus ceno torrens cilicium. Cetera clementia vespillo venustas curvo supellex aptus ascit sublime. Cognatus curiositas cibus advenio defetiscor accusamus veniam cultura.

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