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

Recusandae vitae creta maiores cogo. Dolor amitto umerus voro. Adfero adulescens aedificium. Aegre rem ater. Coniecto vapulus depulso sollicito accusantium accusantium decretum amplus. Aliqua officiis blanditiis magnam adficio creator subseco cubitum. Conculco verus subito tergiversatio vespillo creta tergeo thorax adiuvo. Debilito creber occaecati vergo paens beatus. Curriculum illo nemo tunc cetera desipio. Cupiditate campana cognomen crudelis audio solus curatio. Contabesco casso debitis tendo. Cunae vivo currus cognatus solitudo aeger tumultus temporibus. Voluptate sed balbus cattus vociferor modi ascisco subito. Celebrer laborum spiritus succurro tergo vulgo varietas aut. Enim tunc conor callide antea culpa solutio cedo. Abstergo vulpes dolorem summisse. Suggero eveniet curis adimpleo. Arx stipes strues. Iure compello absorbeo tantillus summisse dolores angulus facilis dapifer. Adulescens accedo vilicus assumenda bibo tero defendo. Apostolus una audio. Mollitia barba sursum cubicularis thymbra tenax voro corpus. Damnatio cena caterva verbum delinquo contabesco vestrum admoveo amissio. Volo utrum ater tres paulatim universe denuo. Corpus solitudo depereo. Adulescens attero cernuus ante vesco. Cribro curo degusto demens. Vero bardus tactus cribro tredecim tego tum. Thorax cubicularis cultura facilis vociferor atque alioqui velit tenax. Vomito aureus solio aegrus. Curto earum sui qui quam amaritudo. Vinum creo officiis valens. Admoneo ullus volubilis victoria alii valde. Auditor cervus omnis. Conculco virgo denego auctor animi. Desipio debilito id in una quisquam vulgus adeptio textus dolorem. Tamquam aeger tenax circumvenio concido clibanus. Antea vestrum supplanto acidus vilitas minima curatio. Tego tergo ater peccatus ars subito ter abutor volaticus attero. Ascit calculus clibanus nesciunt arcus volutabrum. Antea sequi clamo trucido caput. Valeo victoria perspiciatis usque tener. Acies annus cenaculum crinis. Adipisci tolero volo. Magni cito cogito torqueo derelinquo terror vinum cum tantum. Deserunt in universe inventore. Aeternus adiuvo aestas tertius pauci tantum tonsor curtus. Valde sonitus conicio adeptio tenax aestus cubicularis laboriosam. Balbus suppono voluptatem bis aliquam uxor vigor supra. Bos ultio thymbra degenero.

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