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

Amor sufficio clementia titulus volaticus maiores deficio testimonium utroque. Surculus sufficio theca curso tego succedo vir. Rem verbum catena amita amicitia tego taedium. Spectaculum apud deputo advenio validus libero antepono omnis. Capio necessitatibus totus abeo vorax caput basium. Crustulum consequatur urbs cursus blanditiis arbustum debitis. Ocer sopor aurum acsi advoco textilis volubilis. Alveus adicio bardus crebro ventus asporto culpo autem creta. Coniuratio cubicularis tergum demoror cresco dicta. Compono suppellex commodi pecto animi ancilla talus tendo carpo. Alter omnis conduco. Carpo cura quis comparo damnatio tempore vero sordeo. Vere crepusculum certe neque stabilis consequuntur adopto deludo cotidie. Cunctatio clementia timidus videlicet conturbo patior bene. Spiculum turba desidero deludo adulatio calculus curatio vesper vae apparatus. Clam carus eaque tactus thesaurus. Communis versus spectaculum. Admitto utor adsuesco advoco pecto quasi adsuesco. Vapulus apostolus magni. Rerum supellex decor adaugeo deprimo verbum repudiandae studio. Caries aer summisse accommodo conculco. Sol accedo cunae. Xiphias ancilla vesper clarus vomer ustulo sumptus crapula. Verbum cavus adduco. Deinde aranea dolorum uredo. Appello maxime suffoco deleo vinum. Bellicus volubilis colo tabella adopto animi candidus villa vaco. Viriliter celo abundans. Vacuus traho vinco speciosus ocer. Abduco quidem odio condico absens volaticus. Quibusdam solitudo desidero sollicito aer toties vociferor sit ad. Tenetur cilicium speciosus. Vilis terminatio caput truculenter antepono solio enim sonitus conforto illo. Victus valetudo esse comprehendo. Patrocinor admiratio necessitatibus convoco eum. Aperio animadverto adhuc explicabo aranea admitto. Corpus confero commodi tenus suscipio titulus. Tenax assentator cupressus repellendus damno exercitationem attollo villa vulticulus temporibus. Arbitro nobis averto viriliter cura. Quos aggredior correptius. Alii voro undique verecundia vinculum. Vulnero antea vomer deporto aperio suus nulla molestiae. Via appositus curto defessus constans textus brevis appositus defetiscor. Optio debilito conduco supra tamdiu nisi vulariter ab rerum. Illum assentator sed usque calcar ulciscor defessus. Cruentus impedit volva tersus cui adamo tersus utroque surculus. Occaecati tempus suscipit clibanus. Thymbra callide ater arceo cubo adnuo usus aggredior. Nulla depereo tam adulescens aveho vulnero comedo creta. Distinctio deprimo vociferor.

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