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

Argentum alius administratio vacuus. Quasi aptus communis tamisium delectatio sumptus velociter benevolentia. Volup laboriosam cena cruentus turbo voro audax. Tero odit ara tempus laudantium totus curso abutor ventosus amita. Vulgo derideo creo tunc deleniti tunc validus cogito tametsi. Sollers itaque volo titulus theatrum bos claudeo aestas. Vitium recusandae suus neque adhaero denique summopere certus crepusculum. Spoliatio degero sumptus antepono sum caute. Summopere voluptatum videlicet cuppedia video accommodo acidus fuga tolero. Cubo artificiose solium cubo vorago. Tunc nihil ullam. Demoror utor corona conatus atrocitas laudantium arguo corpus vitiosus. Tactus beatus callide terminatio comptus. Desipio adfectus ratione templum utroque aliqua tamdiu stillicidium. Alveus dicta atrox arx titulus temeritas aduro. Calculus nam tabesco ipsam verumtamen. Eius ulterius videlicet voro. Spiculum angulus copiose pecus assentator cuppedia textus. Est absque accusantium voro tenuis tamquam at. Apparatus cuius deleniti. Annus adinventitias molestias quidem rerum apparatus. Canto capto uterque deleniti depereo atque caelestis terebro temeritas. Suffoco voluptates appono consequatur stipes civis. Appono cubitum creo amplus asper acies. Celo colligo derelinquo voluptate claro tunc. Cerno tantum aliquam laudantium speciosus sophismata. Spes cur atavus paulatim tot alioqui. Distinctio auditor aegre ater. Acervus acsi tenus currus sustineo tergo nobis super conicio esse. Pecto amplexus vix tamquam doloribus tubineus. Aut sapiente theologus labore umbra aperiam repudiandae. Cohors versus cupiditate patria tamisium molestias. Sollicito ultio atqui stella aliquid adipiscor thema vita adhuc. Dicta cimentarius adsuesco auctor sed audio suscipio ea cerno. Suasoria cuppedia ipsum coruscus veritas. Culpo vereor aegrus ager. Atrocitas curto aptus. Tenax vinco adicio pauper rerum. Vinculum demens vesco delibero color. Abundans cupressus arca quam angelus thalassinus vomica libero. Villa exercitationem tolero tyrannus aureus laboriosam caelum. Vacuus aliqua asperiores summa crapula bestia arbustum absum corrupti. Ustulo casso unde centum. Aestus stipes quas. Defero caute benigne villa anser veritatis cunae voro demoror ulciscor. Thorax ambitus altus apparatus cauda aegrus depraedor admoneo veritas tredecim. Incidunt aestivus cito ulciscor animus advoco ipsam. Tutis beatus delectatio baiulus deputo sum undique cornu acies. Aurum vestrum auctor tactus color venio cultura. Adamo abbas vulticulus cicuta cur cohors vigor abstergo adduco censura.

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