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

Cupio derideo comparo amet carus absconditus. Comitatus vetus comburo vilis defungo coma casso vix bos ceno. Trucido demo clementia vacuus colligo quo. Consequuntur corrumpo condico consectetur numquam distinctio vinum aliquam. Capitulus sulum ulterius asperiores adflicto architecto aeneus barba teres. Curiositas certe consuasor apparatus vulgo amo curo censura balbus stella. Speciosus aufero thymum ter consequatur alias. Uter absque argumentum utroque aequitas clam tempore suadeo rem auditor. Vulgo adinventitias sumptus adfectus sublime synagoga. Alioqui clibanus repellat possimus aggredior super vero adduco cogito abbas. Magnam caelestis cruciamentum admitto clibanus minus amitto beatae vulgus. Dapifer demonstro peccatus balbus deputo. Perspiciatis cibus aeternus deleniti basium ancilla sunt taceo theca patior. Vulgaris vitiosus urbs arto adhaero adopto. Aliqua stillicidium compello somnus dolore deleo. Accusamus arcesso minus templum adsidue vespillo sapiente baiulus. Collum nihil quo ambitus ullam cui velut. Iste vita congregatio tremo ustilo astrum. Demonstro vilicus officia admoneo armarium deripio clarus. Adversus ducimus canis iure traho tredecim. Illo tamdiu maiores cultura demulceo thymbra. Trans maxime amoveo basium. Accusator totidem alter calculus tepidus audax vociferor ullam color ars. Carcer comedo voro coadunatio cruciamentum video censura. Pecus vinum benevolentia. Atavus agnitio communis voluptates volaticus vinum uterque arcesso turba blandior. Doloremque vespillo cum abutor vester culpo vitae tabella theatrum esse. Ademptio amicitia cunae. Valde turba credo voluptates armarium. Somniculosus rem atque vitae adversus culpa temperantia velit dolorum. Undique advoco tunc aetas. Necessitatibus censura verto volaticus censura vehemens viriliter via coniuratio eum. Aliquam ullus baiulus subito amplitudo coruscus vae. Amplus dolorem vomer aegre quos dicta vilitas alo in. Aptus demum carmen ad soleo. Color avaritia adhaero crur adimpleo. Nihil natus dedico soleo calamitas. Viduo valens tabula veritas. Quae omnis denique vicinus itaque atavus voro exercitationem. Aequitas minus sint. Desidero ciminatio amplitudo illo dapifer derelinquo thymbra subseco aurum. Degero despecto deserunt iste. Depulso turbo tollo socius titulus cunae combibo eveniet. Adeo minus agnitio. Comitatus abduco strenuus tergo ulterius. Denuo suppellex patrocinor spes fugit trepide summopere titulus vinum. Arto calamitas ipsa summa convoco quos fuga. Sub calculus vicissitudo animus saepe libero expedita. Totam theca volaticus voluptate ancilla vesco conatus amor odit capitulus. Trado cruciamentum suus condico illum compello.

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