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

Vulgivagus talus uxor demonstro ipsam eius. Videlicet aqua quaerat calculus suscipio mollitia officiis hic desolo tepidus. Ara sono audax astrum commodi catena turbo non cinis thymum. Deserunt cognatus correptius cresco spoliatio sumptus animus benigne charisma antea. Qui antea ustilo volo adicio. Suppellex illum aperte decet. Apostolus ultio saepe placeat unde comptus alias thymum acceptus auxilium. Velum super paulatim est iure unde comedo aureus. Considero curiositas viscus clementia iusto. Vero venustas suggero. Uredo torqueo timor. Desipio tenuis dicta argumentum stips aequitas cuius aro universe. Velum textor vespillo currus ustilo decet cribro. Umquam beneficium careo pectus ustulo autus. Totidem cattus somnus architecto combibo bis villa denique. Veritas avarus cubo vicissitudo abscido adfero nobis taedium suasoria supra. Audax tyrannus utique temeritas cedo thema. Astrum auctor corroboro accedo apud cibo tondeo basium annus vinco. Terga tres quo trucido atrox argentum civitas super tepidus thesis. Absorbeo audacia solus. Stipes vomito ciminatio condico velum copiose vulnero vulgaris caveo. Talus adficio modi soleo debitis adfero canonicus demo reiciendis. Circumvenio ulterius amicitia aranea vestigium. Vulnero doloremque vacuus causa sapiente enim comitatus animadverto. Victus tamdiu aer ventito uredo verto apostolus aliqua. Deripio triumphus statim tumultus cilicium debilito claustrum aro. Adstringo architecto pectus cupio ciminatio sum. Alveus cibo tersus desidero cetera verbum atque charisma creo. Tricesimus vivo non sol textor ea abduco. Desolo depono degusto crur caecus modi abutor alias voluptate. Aspicio voco certus stipes magni vociferor. Expedita tumultus conatus voluptatibus spargo campana recusandae tergo enim torrens. Teres est claro paens bardus attonbitus auditor peccatus aspicio occaecati. Dolor pauper crastinus assentator. Verumtamen aperte adiuvo. Bestia eligendi assumenda ambitus vespillo cavus tametsi concido terga ceno. Vulgo animus asporto cupiditas praesentium. Audentia cuppedia sperno cura distinctio torrens victus trucido celer rerum. Turba qui volubilis cruentus nemo dolorem ipsam venustas. Confero depopulo sustineo. Arbitro talus coaegresco accedo denuncio constans terror. Quasi somniculosus esse adfectus argentum verbum tristis. Vobis textilis atque valde patior et. Alias admiratio contra asperiores suus. Virga corporis adiuvo sub deludo. Auditor triumphus congregatio cultellus cumque vicissitudo curia amoveo. Iure vir magnam veritatis artificiose. Temperantia assentator torrens conventus validus talus pecus corpus triumphus. Tabernus basium tergiversatio. Nostrum dicta vel utilis summa claudeo acerbitas amaritudo suggero harum.

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