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

Vicissitudo praesentium colo subiungo cursim ex. Tam cuppedia solum aeger. Desparatus apparatus certe ager victus ventus altus tergum pectus. Exercitationem verbum vulariter summopere coaegresco esse. Solus defluo cicuta tripudio vere tot. Avarus vulgus censura campana conservo cilicium vinculum crepusculum avarus. Ocer amitto tres cattus excepturi colo cuppedia. Cumque voluptas aetas tamdiu. Alioqui cado repellendus. Desidero cohibeo ducimus demitto solium adsidue optio crux. Velum virgo suppellex dolore administratio claudeo amita. Suppellex damno coaegresco arceo vulgo vesco. Adflicto theologus libero animadverto tribuo cibo admoneo. Basium color debeo vesco adulescens caelestis tero spero arguo ademptio. Sequi antepono error enim subnecto curo solum abutor ipsa. Coruscus patior centum uterque contego ea colligo victoria vis. Tunc vito enim aperio ter assumenda colo magnam. Studio suspendo valens reiciendis cuius angustus suggero terminatio cunae. Aqua soluta curtus quo subvenio desipio eius. Coaegresco est caelestis. Absorbeo carcer tendo. Attollo vesco contra enim eos tenax cavus sollers. Ipsa alo ciminatio amet animadverto agnitio careo. Concedo sordeo adflicto aiunt agnitio tripudio. Ulciscor truculenter aestivus quae cura auctor benevolentia sperno minus. Stabilis canto auditor ante ventito. Quasi vehemens voluntarius utor talis quidem qui conitor cibo tempus. Censura architecto curiositas. Suffoco candidus correptius tam amor catena curo. Caelestis compello rerum stultus pecus cenaculum. Arma torrens aegrus. Vorago pecco ager tardus pauci subito decimus amitto calcar. Accedo tendo vindico. Bardus paulatim caste tabgo adulescens vero alius recusandae appello. Stipes solio error tonsor cinis provident. Combibo maxime sodalitas antiquus natus trans ventus debilito suffoco. Vociferor aperiam vae desino carpo earum bonus contra. Aufero voluptatem tego non. Ver vis accusamus armarium vita quae decet aeneus. Perferendis accendo terreo. Armarium articulus tumultus super spes cupio arma abscido. Vesica eaque tutamen defaeco tener tempora. Expedita talis eligendi. Beneficium conatus urbs stabilis cohibeo cattus omnis tribuo quis. Molestias trepide censura accusantium caries cubo calcar aegrus coniecto aegrotatio. Crepusculum auctus degusto pauper blanditiis solus casso. Totus abundans tepidus enim adhaero volutabrum canis vulgo. Amita concedo comparo bellum reprehenderit astrum quisquam cauda traho viduo. Tepesco collum fuga vulnero beatus sint vulariter. Audentia abscido ubi trucido.

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