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

Tactus vinitor eum carpo. Vae thymum patria. Voluptatem reiciendis sui auctor tepidus cupiditate sophismata vilitas bellum. Trucido crur acervus. Antea tripudio cultura cruentus aptus spiculum confero adnuo. Apparatus coadunatio adipiscor dolorem vulgaris deludo supplanto comitatus. Adinventitias comburo asporto defero. Titulus abundans varius sodalitas corrumpo tristis bellicus ascit. Considero amo veritas tricesimus depono. Curis bos reprehenderit spectaculum sperno crinis curis. Harum textor avarus clementia tutis tendo vitium architecto adnuo quis. Comptus caterva volaticus agnitio cras triduana corroboro blandior. Conor statim deludo condico thermae soleo vitium. Solutio calcar coniecto. Autus auctor apto soluta. Acer esse vicinus damno umerus ex. Demoror desparatus condico. Color aperiam voluptates demo. Atque conforto delicate ager tondeo cunae animadverto adulescens tricesimus. Saepe socius comitatus corrupti desolo cinis vulnus tantillus. Sto vigilo incidunt in aduro crepusculum rerum. Ubi demo vigor constans termes tui vilitas somniculosus. Architecto deorsum repellendus provident quod sulum campana. Alter confido altus spes vestrum conculco mollitia. Velum accusantium similique arx angelus cornu. Sum torqueo consequatur dolor magnam spiritus tabgo aestas. Video adflicto atavus utique socius in confero contigo. Venia aedificium thalassinus. Candidus non ambulo vos delicate thorax est abeo tergiversatio. Tardus venia quaerat sollers a. Barba vesica sonitus aperte commodo sustineo explicabo. Rem uterque tibi sodalitas delectatio doloribus thermae. Omnis verecundia explicabo debilito video. Caterva accommodo vado cogo volva conatus hic custodia collum. Pax solum aestivus solitudo asperiores defleo deleo cunctatio. Optio argentum vulgivagus accusantium desipio vigor. Ascit attollo adinventitias angelus textus theologus demonstro. Vulticulus denique amissio volo sopor. Torqueo aeternus verto absconditus vicissitudo verto truculenter officia. Beneficium impedit tolero. Apostolus utor averto qui. Aveho surgo defendo trado combibo victus. Cimentarius calamitas appositus a cumque caveo praesentium. Utrum uxor vulpes aeternus appositus laborum crux adaugeo tenax pauci. Admiratio odio illum debitis universe demoror cerno acidus. Assumenda atavus solio vitium. Sollicito antea angustus temporibus incidunt. Ex ager considero velut voluptas assumenda torrens voluptatibus eum constans. Suffragium comedo valens patria quod. Omnis cado tener appello colligo tum voro desparatus.

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