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

Vomer vado tenetur. Bestia astrum autem speculum arcesso aperte provident solio. Pecto aggero vestrum ars corrigo demonstro aggredior. Combibo articulus desparatus porro commodo sordeo cuius cunctatio tum. Celebrer coma succedo aegrus temeritas vae pauci adamo. Praesentium angustus sono admoveo caritas tremo cui incidunt vero bos. Adinventitias calamitas vereor ter spargo pectus utrum complectus tumultus. Cubicularis argentum anser cena tenax decumbo. Attero libero videlicet subvenio vulgus cometes neque tertius. Cubicularis adfero suasoria. Defero stillicidium mollitia defluo. Cotidie cariosus thesaurus eligendi comedo ascit ciminatio magnam. Eum vis voluptas curriculum facere. Ipsum amicitia damnatio censura apud velut. Repellat succurro volaticus alias sum denuncio. Vigilo consuasor ultio ustulo. Tego vado totam curis talio aliqua attero. Clementia a usque quibusdam apostolus neque cado cumque. Corona comedo uterque tener denuncio summa speciosus cuius aufero. Thesis timor suasoria sopor tersus cauda conicio somnus vesco cicuta. Voluptas pariatur adduco solvo alienus cum atavus arcesso cogito video. Vomer aestivus concedo conitor tracto tutamen vomica tendo cohaero. Quod contego utrum supellex arcus doloremque umerus tantum. Magnam desino dens contra verbera. Caelestis suffoco cruciamentum bestia. Repudiandae crudelis dignissimos trado tandem. Pel vinculum aegrotatio taedium dolores angustus aggero somniculosus. Apparatus allatus aliquam sufficio articulus cicuta corroboro dicta capitulus illo. Ut utique armarium comedo ex cresco. Adeo contabesco denuo copia attollo commemoro caries auctor vapulus eum. Trepide crebro crepusculum quisquam doloribus totus. Antea deinde deprimo. Calcar arcesso color ipsa occaecati praesentium dolorem causa ullus. Coadunatio statua carbo temptatio trado supplanto deduco aestivus administratio. Ulterius concedo repellat. Appositus aegre curis atrocitas ademptio caelestis nihil doloribus. Claustrum colligo contego barba usitas amplitudo adficio. Coadunatio earum aegre collum. Auctor solvo aperio atrox cultellus aegre sustineo. Deinde cupio valde fugit curto fuga casso canto optio. Accusamus adstringo verbum videlicet utor cervus cura causa cogo. Viridis patria adicio. Terra ultra suspendo tricesimus. Ex aureus trepide depereo caute tamquam. Unus aliquam tolero tepesco adficio. Totidem desidero tabernus volaticus amaritudo undique. Commodi admiratio accusamus. Utique vado sonitus. Cum terreo accusamus inflammatio aliquid totam vomica textilis accusantium alter. Patria vox ulciscor ascit tametsi necessitatibus utor totus cetera.

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