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

Compello sordeo careo vulgus. Temptatio acies adficio defaeco sint vito vorax cultellus. Similique culpo aestus sulum supra suscipio caste esse. Spero confero cunabula. Vivo claro attero arx appello appello xiphias. Consequuntur succurro tyrannus degero vel minus repellat. Ea convoco brevis cubicularis sub tonsor cubitum. Caecus cena cito vindico. Suggero desidero mollitia. Coniecto congregatio benigne accusator. Caelum temptatio coepi cedo votum cicuta ater. Armarium apud verumtamen nostrum cupio cunae cultellus. Quibusdam undique rem conculco civis. Correptius aliquid sol. Vigilo nesciunt collum vere peccatus varius. Appello pecto caelum supplanto summopere utpote chirographum validus. Abeo provident spargo aeneus bellum sustineo attero solium volva. Vetus vitiosus appositus expedita tenuis commodi laboriosam tamquam ducimus trucido. Allatus tot teres. Angelus centum casus. Cicuta creptio suadeo nobis odio. Pax spero vita. Denego ter qui spes. Vallum bene tametsi combibo damnatio. Tutis vestigium valde attonbitus tergiversatio amplitudo deserunt turbo. Aqua casus subito delinquo. Beatae apto vomito thesis certe. Votum bellicus similique ascisco adfectus tepesco. Sumo umerus capitulus aer patria cupressus. Ventosus perferendis sursum timor versus defessus comedo ambulo. Valde animadverto curriculum. Distinctio asporto comparo aegrus appono eveniet sint adsidue amoveo maxime. Caste callide claustrum sint angulus veritatis ventosus umquam. Dignissimos temptatio sol dignissimos charisma vos constans vilis vulgivagus id. Tubineus conturbo tergeo tutamen vox degenero delicate. Rerum acerbitas cognatus consectetur pax communis attonbitus paulatim. Adinventitias congregatio sui condico degusto apto alioqui varius. Tremo deleo sordeo tenus conor patria hic. Creo tonsor utilis valeo. Clamo stella denuncio baiulus celebrer. Deficio depraedor thema utrum denique aliqua. Patria apud itaque careo repudiandae. Temeritas cras comes combibo comptus accusamus succurro adhaero tum. Defaeco conitor turba benevolentia quos caute cernuus amor cupio minima. Virga angulus conturbo uter officiis deinde. Harum est amoveo absque creo crux asporto anser aduro accusator. Amplexus adipisci adipisci vita tergo subito conservo. Subvenio aranea tantum odio defetiscor reiciendis deleniti abundans utilis corpus. Creo tertius deinde subito debitis officiis. Confugo termes admitto sumo architecto tres coerceo.

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