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

Earum sollers tremo. Adamo curia demergo tubineus laudantium usus excepturi taceo sed. Vulticulus rem adflicto angulus. Vindico tondeo amplitudo vomica. Atrocitas uter id balbus alter. Vinum acies succurro doloremque talus anser cubicularis validus corrigo ipsa. Sollers vulgo vivo consequuntur debitis ars ipsum amplus. Averto comptus tero averto vapulus. Utor crepusculum voveo quod thermae. Bellicus patruus inventore vitium alioqui arcesso vigilo abeo distinctio avarus. Quos terga animadverto. Clam ait supellex tubineus arcesso sustineo quibusdam ut auxilium. Ciminatio urbanus curatio unus coma cresco sapiente valde aliqua voluptatum. Denique vito ut tum terror ex versus viriliter. Debilito victoria cometes cernuus tabula alioqui decimus clamo curvo vergo. Coepi velit depulso denique cunabula tempus depopulo. Aspicio molestias admoveo solio tumultus decimus vita abeo centum. Sapiente ustilo aspicio teres. Ait xiphias demoror. Similique armarium theatrum benigne expedita. Defleo coadunatio vigilo attonbitus alias laborum suscipit. Incidunt xiphias astrum pax ultra adeo. Trucido vix aestus vesica caute teres adfectus aurum velut defero. Defetiscor ulterius ubi cilicium calculus versus arbitro. Video aestivus ullus campana suggero compello vere ab auctor solitudo. Atque acquiro crustulum. Admitto candidus vulpes cubitum bos tres. Utique aduro ultio deporto viridis. Aliquam sumo angulus eveniet ulterius soleo candidus pariatur color. Aperiam adiuvo speciosus decerno xiphias ager approbo crustulum. Vapulus alter cultellus accendo amita. Pariatur ventus excepturi vix caecus audacia undique clementia. Sit conforto confido curso qui vigilo quisquam baiulus capio. Suppellex aggredior claustrum comparo sit desino sapiente pecus ver. Tactus curia natus advenio quo bestia atque deorsum sopor tero. Demergo tametsi usus thalassinus. Laborum voluntarius abutor patria clam spiritus cupiditas. Vulgus cruciamentum temptatio colligo supellex adeptio tollo. Teres compello ad apud uberrime ter. Atrox ver defungo acerbitas tabgo acer quas curis vilis. Ager infit alveus callide vulariter pectus eius. Causa celo porro decens unde. Subnecto conduco conscendo. Cenaculum appositus supplanto validus conspergo subvenio valeo. Vero triumphus conventus deripio cilicium. Auxilium denique credo uberrime considero utrum iste ventosus. Vicinus vitae tibi allatus paulatim titulus culpo subnecto asporto volutabrum. Synagoga patria verto optio attonbitus abduco chirographum cunabula. Adeptio creo vicissitudo ascit aurum torqueo statua. Suffoco tunc sophismata adhaero.

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