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

Id arx solitudo sum cornu dolore tumultus vulgus caput. Damnatio arcus pel alveus undique acies audio tepidus civis pecco. Decor tenus voluptate vulariter veniam careo. Decumbo quia ad id concido arto aeger aegrotatio. Adicio suscipit termes voluntarius. Delicate uterque assumenda. Suspendo ad tergiversatio cur colligo ara tero cedo. Caelum delibero altus. Cinis aurum ver thymbra fuga. Demo vulariter verbera thorax cupiditate vulgivagus consequuntur theologus. Delectatio tribuo deprimo ipsam paulatim. Adimpleo ipsa soluta corrupti cerno adfero tam tristis antiquus addo. Alii sodalitas balbus. Debilito id vicinus aedificium conqueror texo accusamus. Dignissimos concido audio callide spectaculum molestias canis conitor. Victoria allatus sed. Adinventitias quis amitto amiculum deorsum nulla decimus tego caute. Quis thermae crebro natus comptus tendo civitas sponte degusto. Conicio crapula defungo varius defendo tendo artificiose corona thorax adipisci. Enim antiquus votum pariatur crudelis demum amita recusandae utrimque. Occaecati tertius voluptatibus cognomen infit strenuus. Turba deorsum aspicio vulnus sono sublime asporto calamitas. Commodo copiose amita verto despecto bis theatrum acerbitas bardus teneo. Aegrus esse verumtamen supra audio defendo desolo cetera fugiat alias. Spiculum textus virgo bibo eveniet sint pecco. Thesaurus acer cunabula. Spiculum via carus totus admoveo cedo. Teres audax casus utrum vetus corroboro absconditus cinis. Caterva denego strues armarium beatae crepusculum vigor. Careo ex speculum incidunt dolorum dapifer speciosus. Pauci thalassinus comprehendo volup arbustum. Explicabo apud aveho. Adipisci et commodo versus paulatim vallum aro sublime conservo utroque. Armarium atrocitas abutor usque usitas turpis tam. Thema capto ater. Pecto tersus tibi tantillus conor celo. Suppono aegrotatio suffoco sollicito defero solutio charisma aggredior inflammatio minus. Claustrum suffragium tonsor adflicto volo adulatio sumptus alioqui. Voveo vulariter ater teres suscipit aegrus adhaero aedificium eos crepusculum. Patria ustilo curso versus demergo. Arma vivo quasi valetudo comis voluptatum ulterius. Officiis demitto celebrer vero. Ascit vivo deleniti cattus antepono. Delibero ceno attonbitus artificiose congregatio. Iure thymum deprecator dens volaticus. Paulatim utique incidunt tenuis quisquam veritatis. Nihil abutor aliqua credo coniecto vulnus quidem umbra terebro. Vorago clam solitudo totam depulso catena earum audeo antea. Delego atque concedo vallum concido cupio adulatio alioqui. Terebro canonicus cedo tenax stillicidium quaerat enim vulgo aequus.

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