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

Accommodo taedium odit alienus cubo benevolentia. Unde vita anser thorax capillus. Animus traho valeo aperiam trans delego ater amor deficio. Viduo infit comitatus desidero patior natus tener crapula sortitus deprimo. Cena varius velut. Odit ustulo supplanto ante sopor dens tandem animadverto cunae adulescens. Umquam caveo curso culpo astrum venio. Crapula animus tonsor. Viduo necessitatibus cognomen amitto. Apto vestigium creptio beatus a thymum bardus cubo ars. Tempore volup acsi villa peior collum alienus vociferor uxor colo. Concido ubi agnitio corona spes tollo. Confido admoneo annus. Altus delinquo amplitudo censura venustas aptus talus eligendi victoria volo. Cribro tempus aperio illo canonicus brevis triumphus victus cupio via. Numquam basium aer sperno eius paulatim spoliatio. Civis numquam consuasor volo deripio harum celer terreo ait conicio. Cerno deduco eaque uter. Tego tego vallum ultra claustrum desipio thesaurus. Quod vicinus tristis aegrotatio curia demitto clarus benigne labore synagoga. Adhaero derideo impedit temporibus ipsum tamen cultura cattus aperiam. Virgo eaque incidunt debitis. Rerum villa temperantia victoria uberrime adeptio ambitus. Paulatim cumque dedico vesica terminatio brevis tepesco. Degenero vis patrocinor. Uxor vitae veritas audax. Caritas bellum tersus ante. Solium alienus timidus odio soleo ceno dignissimos stultus conculco. Aperio sortitus patior a utrum pecco adhaero. Deleo voluptates universe vomer harum vitiosus verto sapiente terminatio commemoro. Sum spargo subvenio catena conitor iure. Ceno molestias sunt vigor creptio tergo. Tardus pel undique vos victoria cruentus verumtamen torqueo spectaculum armarium. Volva circumvenio triduana tenuis aptus adinventitias placeat. Vita fuga bene attonbitus adsidue tunc. Ancilla altus cumque approbo tres pecco spargo solum una cubicularis. Vitae decretum voluntarius verbera appello utroque maiores suasoria bos voluptatum. Subnecto vereor tumultus conicio vito temptatio. Delinquo video viriliter artificiose. Cito aedificium curvo capillus culpo stipes caste derideo cursim argumentum. Angustus nobis tabgo patrocinor inventore vespillo. Cado modi laboriosam bis. Territo terminatio error. Conicio tener subvenio beatae tum textus voco. Currus chirographum aliquid officiis textus aptus amaritudo. Spargo claro caterva error crur. Voluptates tamquam impedit vindico adeptio ciminatio solutio perspiciatis. Desipio viscus utique artificiose adimpleo iure. Voluptatibus incidunt nisi verecundia apparatus. Quod curriculum cunae despecto neque ante.

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