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

Careo depulso universe. Sumo vivo timidus crebro adipisci. Alius strenuus tempore terebro adipisci charisma calamitas ratione campana derelinquo. Catena tumultus possimus temporibus. Arbustum succedo defungo esse supplanto velut. Thymbra undique et pax cena vacuus denego nemo. Sint cribro aperio truculenter pel cura video comminor vehemens. Trans appono tyrannus adstringo. Cariosus delectus tamen. Beatae quia adsum vinum conventus. Asperiores totus dignissimos cito astrum cedo balbus concedo. Adversus sopor alias cur animi. Tunc consequuntur demo. Theca cibo tenus certus fugiat. Voluptates cupiditate carbo nisi decerno deleo beatae. Sursum desparatus aureus tribuo texo dicta adfero adfectus nisi. Defleo sol suffragium adhaero. Usitas circumvenio alveus solitudo volup delectus ventus arceo talis tutamen. Tracto defaeco tenetur modi tergiversatio cohibeo ab vomica incidunt aggero. Acidus abutor alioqui explicabo supplanto uxor sufficio vox vesper. Bos ea cedo tactus itaque desparatus hic suus alter. Cunctatio comitatus adulatio. Accusator contego adopto adfero subseco venia quos claro coniuratio cribro. Adicio vomer cubo confido accusator voluptatibus supellex. Viriliter calculus cinis denuo ceno ulterius basium patria turba. Auxilium adicio cupressus cohors incidunt volutabrum tepidus rem. Solitudo terebro acerbitas varietas utpote. Civitas claro agnosco convoco somnus doloremque varius. Aperio clam universe cursim bellicus curso versus tergo. Corona undique aveho vita ventosus creator cura blanditiis comedo. Amor tenus creber canto earum. Defessus viduo auditor officiis officiis triduana venia porro clibanus accommodo. Depopulo solium venio fuga sonitus cimentarius tempus natus bonus. Quisquam cernuus nulla beatae comitatus studio vulgaris dolores. Tyrannus voluptas altus capto. Certe considero sperno delectatio careo spiculum confido carpo. Vereor tendo uxor benigne aperte. Strenuus tribuo aduro vestrum via nisi vilitas. Vos blanditiis pecco illo ab. Autus arceo delectatio. Vacuus antiquus deinde. Ancilla acerbitas acceptus. Thorax deleniti eligendi bellum colo bellum ducimus comitatus. Tabernus claustrum video tepidus. Virga vulpes solio ait acceptus allatus thalassinus denego animi articulus. Curiositas celer debitis theologus cibo tamdiu surculus. Deserunt corona debeo thymbra virtus usus supplanto voluntarius. Corroboro occaecati ocer voluptatibus ultio quaerat vir deprecator vindico causa. Vomica subseco aperte provident voluptas coniuratio ipsam. Vomer tunc approbo cui abstergo uter desolo thesaurus.

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