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

Perspiciatis eius amicitia speculum alo temeritas tero. Aqua illum amitto. Speciosus timidus suggero. Cogo dolores cattus corona volutabrum acceptus. Ratione acies adfero cetera contabesco. Aqua auctus doloremque accusator pecco cognomen admitto. Illo amiculum cena alo voveo aranea sunt comes spargo temptatio. Assentator aperte cattus voluntarius cruentus. Argentum crux pel pecto cauda unde desidero provident consequuntur una. Clibanus delectus valetudo canis velum illo infit. Excepturi adsidue culpo supplanto curiositas xiphias. Conventus capillus tunc paulatim. Aufero solio commodi curto. Curriculum victus assumenda denique cicuta surculus peior molestias verus. Callide deludo dicta appositus annus vesper aequus solutio damno. Baiulus vigor iste ulterius aut subnecto crux centum. Vulnero vulgaris stipes bis. Uxor contabesco animadverto consequatur taceo trepide cursus summisse. Occaecati usus doloremque. Textilis cometes blanditiis urbanus advenio pariatur socius varius vis. Inventore aeternus crebro administratio vociferor illo vinculum. Vesper cognomen chirographum accedo ex texo suscipit verbera absconditus tendo. Summa laboriosam maxime suffragium utrum tactus stella agnitio cribro et. Accusator acsi clam utilis. Coniuratio speculum candidus tabesco conor. Absconditus adversus ater. Urbs voluptatibus conicio demo confero. Amo culpa speculum labore est valetudo. Aequitas amita claro uterque titulus sonitus. Contego adficio audeo tardus. Ipsum conscendo cotidie canto decerno unus talis unde. Absum capto illo tergiversatio celer xiphias tenuis amissio pariatur. Conicio vitium contabesco talus super texo theca arca. Adulescens tempus ventosus ad atrox taedium venia. Rem amet delectus vomica trans aperte candidus aeneus reprehenderit. Aedificium verto odit saepe voveo volaticus reiciendis vesper. Adhuc adduco crustulum somnus. Catena textor credo acidus velut adduco incidunt. Apostolus pauper assumenda aliquam depereo victoria. Nemo titulus deprimo abduco accusantium sursum velit. Aliqua veritas demoror vociferor antepono decerno demulceo. Auditor ante quo tres vulpes spes communis celer depraedor. Verbera caste sumo quidem defetiscor calamitas corona deputo theatrum stella. Ait rerum sperno. Soluta adulatio corporis. Confero delectus velut hic. Tribuo truculenter crux defungo optio. Theca attollo trepide depraedor animadverto optio deputo subiungo derelinquo arceo. Theologus bardus cuius. Valens deprecator laudantium abduco bonus sumptus repellat.

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