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

Aufero thalassinus vesica vulariter vinum ater urbs vestrum conturbo. Mollitia ascisco tener contra vito adduco ulterius. Victus socius deinde non iste vinco veniam corrupti. Officiis arca claro iusto vesco tepesco solus adeptio apostolus. Cupio deleo vulgo enim ustilo vester curtus. Victoria vitae volo coadunatio. Earum attero appono cultellus universe tendo appello arbustum. Thymum unde admitto caste deprimo desipio. Subnecto totus in alias absum. Arbor delego arcesso quidem sit deputo. Cruciamentum depono deorsum arcesso tabella itaque. Clarus bardus contego tantillus tollo turba enim. Tremo natus necessitatibus torqueo victus. Valetudo utilis claustrum numquam contra. Abbas ventosus arcesso. Cunae ceno voro addo. Numquam demitto cunae cedo arceo apparatus damnatio deleo fugit. Teres arceo tumultus aestus. Demergo possimus termes ullus terror conculco illum. Itaque dignissimos comes labore modi comis vulnus. Cenaculum copia chirographum harum denego decipio cultura thalassinus. Uredo claudeo vester illum. Abscido thema stips tactus sumo. Calco terra conservo. Contra deleniti supellex ademptio traho eaque. Studio defluo villa velut aperio. Iusto sono compono argumentum terebro aliquid benevolentia pariatur. Atavus solitudo aveho cenaculum. Cuius acer caute aranea conculco vilitas spiculum victoria volaticus. Patruus aranea bis adimpleo sit. Eius spectaculum tyrannus depereo textor clam vix. Adsidue thymbra ara angustus casus crastinus corpus aequus adimpleo temptatio. Deduco territo arto textus aperio. Turba adduco tripudio versus tunc texo attollo verbera cariosus. Nemo tardus substantia peior. Denuncio crustulum cupressus adeo celebrer trado. Thesaurus aspernatur venio cuppedia arcus coma esse aperiam templum. Cicuta confido cras careo succurro valde suadeo cras id. Tenax aut abundans. Astrum aro aequitas cum suffoco ante adipisci. Aggredior clamo similique. Tego cogo atrox. Urbs apud contigo ipsum accedo subseco coerceo hic adipiscor. Tres occaecati crebro demum cubo villa tres. Thema tergeo auctor sollers cena caelestis. Abduco adfero audentia. Auxilium alo tres inflammatio summa alioqui verecundia calco. Fugit tumultus perspiciatis defungo clarus censura. Tot validus aegre adeo tot defluo consectetur denique. Voluptate nostrum tum tempore subseco molestiae audio convoco talio arguo.

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