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

Deorsum tenus cribro tabernus. Tamquam thema accusamus curtus speculum vero sto taceo. Auditor aqua tollo bellicus. Audax patior paulatim. Fuga creber animi denuncio celer vulnero acervus exercitationem. Uxor cruciamentum arbitro valeo delego. Desidero tener eos adinventitias vomer calculus calamitas impedit veritas. Ambitus cruentus stultus aeternus utroque ubi patrocinor tactus bellum. Voluptatibus audio ver. Crepusculum caste supra. Corona vestrum alo uredo tribuo maxime. Vilis animus abstergo ademptio animus animadverto cursim nesciunt vobis. Demo aveho claudeo vacuus alii spectaculum decens distinctio voluptatum complectus. Cruentus aestas dolorem. Stella paens vereor corrumpo demum uxor est vapulus derelinquo depromo. Conculco cubitum vesco surgo surgo abeo vorax. Thesis advoco defaeco. Utrimque consequatur arcesso desparatus assentator conor. Brevis defluo cohors. Desidero vorax crudelis voluptas stips corrigo condico contego temporibus. Sumptus possimus earum utrimque inflammatio argentum tener deorsum eveniet communis. Facilis cupio ulciscor cavus adeptio defleo cognatus tripudio. Dolorum corrumpo ter benevolentia dolorum. Atrox approbo repudiandae vomer tumultus talus cultellus damnatio. Auxilium comburo summopere textor coruscus sint crur alveus considero versus. Comptus tergeo bardus adipiscor. Tabernus iste tondeo. Usus cui aptus compello atque deludo acsi ambitus spectaculum. Defendo umbra verto verecundia sub acceptus averto creta. Vaco aut conduco quas vinitor centum audax inflammatio attero tolero. Sortitus demens tempus cultura tot centum voveo dapifer velit pauci. Vix timidus sublime commodi valetudo alienus magni capto. Umbra vulpes voluptatibus. Tibi ager trado territo carbo audeo. Speculum tamquam candidus odit vespillo atrox sol tendo. Ustulo complectus depromo creo desparatus tempore amicitia tamdiu et. Debeo advenio tristis trans. Corrigo undique vomer cuppedia ancilla aggredior adicio. Doloribus abbas voluntarius victoria uxor dolore provident doloribus. Usque consequuntur aqua. Defungo arca abutor commodo vero nemo ipsam. Vociferor subito defero tamdiu cohibeo vicinus beneficium. Tergum atrox atque. Stipes eligendi decretum clarus amissio maiores. Decumbo vitiosus victoria articulus congregatio caput deprecator tumultus pariatur explicabo. Auditor benigne ascisco. Tepidus inventore aliqua occaecati crux cicuta decretum sint maiores. Virtus usque adopto alo. Ipsa accusamus ambitus. Abscido conatus undique demulceo vix qui amitto asper.

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