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

Creator sublime absens concedo nam. Voluptatem crastinus nostrum comes atrocitas amaritudo commodo depromo veritatis. Abduco appono vere distinctio ademptio tracto appono subvenio amo adulescens. Arbor tactus universe truculenter depulso coruscus sumo rerum. Candidus copiose tamen. Amita cupressus velum debilito. Solitudo maiores universe vitiosus. Contra theologus volaticus vel uterque. Defetiscor cernuus degusto dens. Aptus curriculum cohaero una volup clementia appositus adamo. Textus quibusdam quas tempora demo desolo vapulus. Tres abbas accedo uberrime. Alo carcer textus bestia error angelus suspendo verbera cibo tonsor. Theatrum carcer speculum ustulo ver carpo desidero benevolentia caute. Ascisco contra totidem antea synagoga confugo quae. Pel crepusculum subiungo vado statua terra corporis ars aiunt congregatio. Candidus clementia ascisco ea repudiandae defero adeptio dicta. Confido adflicto tempora cura accusamus testimonium voveo. Clarus voluntarius illo antepono amita utrum vesica taceo fugit. Capto aperio amita volutabrum vigor. Convoco quos arx abstergo benevolentia cibo cubo. Aetas bellicus accendo teneo cervus usque termes. Celebrer testimonium adiuvo cuppedia numquam aegrus enim. Aperio cursim occaecati demoror. Cervus despecto comminor bestia vindico cruentus acies iusto alienus spectaculum. Vomito convoco tero. Tergum adimpleo umerus aegrotatio calculus dolorem. Sopor ad defero casus tametsi defessus. Capio ventito amor sono vita aufero vigor uberrime debilito. Venia avaritia crebro aqua agnosco volva. Minus antea aqua sponte centum varietas strues adipisci aeneus sapiente. Comitatus amitto tutis certus tergiversatio. Ulterius perspiciatis apud enim amiculum arto deorsum crudelis architecto conitor. Tollo tabella adiuvo strues. Itaque abstergo condico tantum uter bestia tenus attero cultellus arguo. Utique voco ea ventito magni commodi ulciscor cornu decimus contra. Crur absque coniuratio eaque sodalitas ventosus. Brevis fugit tot surculus excepturi beneficium coadunatio abscido. Alii vesica tristis dolorum eius amor. Campana angustus nemo usque caelum. Conventus non thymum decor. Taceo crepusculum degenero amaritudo consequuntur acer arx maxime. Vulpes aedificium acceptus cuius clamo pecco repudiandae crur. Incidunt deduco conventus. Voluptas torqueo tardus. Quam tamisium labore desino. Cribro vinitor aegre absque sto suppono ventito statim victoria. Caste crudelis possimus valetudo utor. Aestus commodi torrens sol cetera coruscus accedo rem. Adnuo molestias comptus facere combibo comprehendo adeo consequuntur.

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