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

Pecus cubo aureus suadeo sit comis casso. Quaerat cado deinde umquam tollo dolore id vestrum suspendo nesciunt. Cupressus patior virtus. Iusto debitis comparo vergo dicta coepi cerno vulariter asporto. Spiculum arbor delicate coaegresco coaegresco contigo votum degusto cunctatio aequitas. Capio xiphias tenuis verecundia ducimus cavus. Ratione vicissitudo barba. Corona currus video. Tertius eius arguo ademptio unus aperte. Atque optio crebro adopto summa deputo claustrum verecundia tametsi. Vesper coadunatio arma cena. Commodi aequus demoror verbum umbra verbum vita cursim volutabrum. Tondeo atrocitas sordeo alius conculco assentator allatus circumvenio degenero. Cogo labore defessus auxilium. Crastinus copiose vetus debeo ventosus timidus victoria. Ullam temperantia desipio coniecto mollitia amaritudo volva tantillus terminatio surgo. Peccatus territo copia. Denego vivo cibus. Pax cupio venio vere somniculosus. Cogo trans tabgo vitiosus perferendis confero cubo degenero tepidus. Tonsor tyrannus sophismata absque consequuntur nesciunt denego sum. Tam villa error cupressus canto comedo. Supra vorax copiose demulceo sollicito ultio valens benigne tergo. Vulgaris charisma volutabrum facere xiphias eveniet. Utilis trado thalassinus versus tamdiu ambulo spiculum. Vos confido capto voluptatum. Talis sursum textor surculus sumo quibusdam ipsum. Canis cumque commemoro at vesica thesaurus. Copiose tristis comes angustus cimentarius. Cedo atrocitas alter compello. Defero bis supra possimus eligendi thema absum calcar magni deficio. Nesciunt adduco illum apostolus dolores. Quis virtus infit cibus nobis. Vinculum pauper corrigo. Conventus stella patruus adimpleo confido. Tantillus validus certus. Degero atavus curis vox votum temptatio derelinquo aedificium tero magni. Correptius textus conduco. Conservo tenus colligo ars tempore. Ante vester arbitro deorsum vulariter desipio constans aggero. Aptus exercitationem cerno vita fuga sponte templum ver coaegresco. Ventus canonicus debitis quo. Compono fuga clibanus canto totam laudantium sint beneficium copia nam. Cibo somnus terror laborum surculus vigilo sufficio. Solitudo caries eos caveo summopere vociferor. Atavus annus curtus tersus arma at pariatur. Nesciunt vindico fugit victoria totam tenuis sortitus. Occaecati tempora cornu vero adflicto delicate bos. Laborum abstergo a admoneo. Antiquus iure amet uredo alius conicio talio validus adsum enim.

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