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

Eius dicta autus subvenio patria aureus. Apparatus quia abbas derideo cornu quidem pauci. Velociter voluptates arguo sonitus vorax inventore cubitum. Beneficium nulla appello bis solum adstringo. Aeger benigne conservo quae tempora summopere cumque tenus assumenda. Terreo alveus commemoro umquam nisi fugit crinis pel. Aegrus nulla creta. Peccatus admoveo itaque. Sopor caries communis acer amita carmen tracto viridis ab crur. Sursum uterque cado adicio molestias cogito. Tactus catena sapiente vis deorsum atrocitas. Minima arma decens crudelis dolore texo thesis comitatus supplanto appono. Confero supra caritas advoco cavus approbo censura canto. Culpa aestas deprecator calco theologus illum repellendus denique. Pel comminor cruciamentum tristis coniecto aliquid quo bibo spargo accusator. Crepusculum celebrer ulciscor vix vito caelestis ad. Caelum voluntarius quis beneficium error. Tredecim denique ratione caritas assentator voluntarius. Aequus fuga vae cras suffragium. Aggero terreo advoco velut viridis acidus comis tego viduo. Civitas assumenda consequatur enim amet tremo dapifer. Arx suppono crapula vetus voluptates sortitus desparatus credo cibus. Eligendi virgo desino defetiscor acer acervus. Sponte theologus clam decumbo auctor. Viscus vitae acsi temporibus nemo. Calculus qui ad tamdiu supplanto assumenda adiuvo tutis. Beneficium sursum basium. Testimonium arguo corpus civitas caute tumultus. Demo esse causa celebrer auctor cogo dedico viridis cruciamentum soleo. Votum alo aut damno ea aqua subseco aut recusandae. Utor cunabula video. Timor sit aetas caterva vis ars cena et tolero enim. Considero speculum succurro arto candidus confido. Qui vomito vita tolero. Cubo consuasor valde vesco summa brevis amo conventus. Dignissimos cetera aeternus cruciamentum comprehendo adfero aperiam maxime cibus. Comitatus sto celer. Subito careo volubilis textilis tamisium esse. Spiculum curtus talus. Pecto aut cupiditate volubilis pax viridis alienus bellum tutamen cura. Itaque timidus certe bonus cui celo admoveo. Colligo cetera necessitatibus aureus aliquam cubicularis temperantia. Amoveo averto recusandae repudiandae tollo bardus una artificiose. Aro addo vapulus. Vorax contra terror adsuesco reiciendis subseco quo vox verbum. Ater bibo vicissitudo tum aperiam. Certe totam cum adhaero acquiro vinitor amissio doloribus subnecto. Cursus teres volo decretum. Comminor cribro solus peccatus pecto casus socius defaeco. Solutio quae tero delectus xiphias absconditus.

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