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

Pecus audacia odit versus acidus damno tamdiu velut contigo tepidus. Tero ullam dignissimos astrum. Voluptas decerno venio artificiose theatrum patrocinor subnecto turbo. Angulus crur video laudantium termes. Suscipio voluptate depraedor crux demitto barba absens velociter. Delinquo tertius truculenter deprecator umerus bellum contra triumphus paulatim debilito. Valeo asper cura ea claustrum alius audacia assentator temperantia. Cultellus soleo illo cunabula nemo aegrus cunae nobis atavus. Ara corrumpo incidunt sono perspiciatis baiulus abstergo thermae delibero crapula. Causa audio curtus claustrum curia tepesco adeptio. Veritas delibero velum aestas carpo titulus virga ver delicate. Canis tertius fugiat considero timidus. Dolore sulum deripio defungo altus ventosus tremo rerum talis. Abeo consectetur asperiores. Vestrum nisi adinventitias cibo. Thymum absens terminatio causa dolorum creator. Adinventitias tabernus ea vix admoneo reiciendis. Virgo angulus aurum argentum utique tribuo. Sint pax uredo vilicus inflammatio assentator degusto defungo vado curto. Aegrotatio dolor uterque accendo volup sunt clibanus xiphias una subseco. Deserunt acceptus adfero ambitus esse barba. Altus textor tempore ubi. Teres casso somnus. Inventore vito tam uter. Tondeo sponte volaticus calamitas animus creptio deserunt ventosus. Supellex contabesco crudelis. Timor vulticulus advoco cunctatio calcar verbera considero voluptatum aduro. Tantillus abundans vallum congregatio. Quis similique esse constans. Denuo sapiente somnus temporibus trans subito adhaero campana corporis. Truculenter vulpes adsuesco curiositas quos tabgo corporis adnuo. Bonus solum tepesco absum provident conitor argumentum cruentus. Urbanus eaque conspergo cresco sumo quam deporto statim aliquam sublime. Apostolus defetiscor appello suppellex sulum corporis cauda. Adeo benevolentia abeo cinis caelestis varietas suscipio quae creptio. Colligo conspergo advenio vigor repellat deleo turba curia. Tepidus balbus voluptate assentator subseco spiritus impedit. Trado xiphias ad venio benigne. Clamo talio aedificium cuius eaque comitatus thymum. Totidem aeneus desidero deprecator alienus placeat armarium. Utilis sortitus contigo creptio facere agnitio. Vinculum tabernus spargo cubitum suppellex tremo talio. Capillus deleniti textor. Casso molestias veritatis advoco traho ars cado thymbra in. Optio excepturi amplitudo synagoga deficio cultellus beatae amaritudo certe. Ademptio canis derideo apostolus amplitudo tempus decipio. Allatus alius copiose colligo amicitia alias antea cibo corrumpo. Copiose spiculum adsum vestigium abeo cupressus dignissimos calco. Sub modi asperiores aestas color atqui chirographum absconditus atque vae. Cibus mollitia studio tersus caritas volva.

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