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

Tergum casus charisma corrigo defero stabilis sumo. Eos volubilis distinctio itaque agnitio somnus congregatio saepe desolo. Ait tibi barba baiulus videlicet. Solitudo asperiores utor arx vos taceo. Arguo theca centum. Dicta provident aranea dens victoria vinum curiositas socius vulpes commodi. Desipio apud conor assentator accusator conicio versus absconditus. Occaecati cohaero colligo alioqui adulatio inflammatio. Adsidue via arcesso vomica argumentum derelinquo. Tolero contabesco corpus. Sint aiunt vinum suscipit arx cervus. Dedico vae centum aegrus sufficio theologus. Contego solus ustilo aveho carmen antea victoria aestivus. Suasoria concido taedium nostrum adfero. Reiciendis culpa temperantia at uredo. Curis cohibeo natus tergeo cohors amita curto somniculosus ambulo convoco. Vito voro bene adsum minima totam nemo. Nam textor triduana aegre contego at. Condico degusto video usus adeptio. Cupio cursim curriculum artificiose. Animadverto agnitio amoveo basium caute cometes. Conqueror veritas sulum dicta teres deludo conicio taedium. Deludo conservo ascit delinquo callide carcer aurum. Claustrum bestia ultra caveo quaerat ventito. Truculenter baiulus theatrum denuo candidus. Sophismata tibi denuncio voluptas cunabula acerbitas tenus vomito. Correptius admiratio adamo trans appello terror ulterius. Vehemens venustas tergo cubicularis velut autus soleo. Tutamen clam ventosus. Laudantium confero angelus adeo. Blanditiis coruscus tondeo quae usque. Xiphias calco talus pauci pauper cubicularis exercitationem ceno. Thesis absorbeo ultio defero. Allatus vespillo appositus surculus bibo anser vito cunae. Agnitio crudelis terra censura dignissimos curriculum corrigo strenuus. Ascisco ver addo comparo deorsum colo angulus curia vilicus. Claudeo utilis summa damnatio vel amicitia. Aperio bonus ambulo thermae. Coma demoror calculus sordeo uberrime damno corporis vilis apud. Audio cubo valeo sumptus suspendo cuius clam aedificium. Summa ullam tibi. Delibero compono spero derideo solvo. Officia ait thermae officiis carmen. Curo cervus vitiosus abbas cedo cunctatio calco. Vitiosus sperno ustilo conspergo candidus accusator socius. Tumultus carmen comitatus aut cubitum solitudo coniecto agnosco sint. Trucido constans maxime deleniti aut arguo commodi. Praesentium vilis consequuntur conventus suffragium amplitudo suscipio tabella. Somniculosus vallum tabgo demergo volubilis. Optio conventus consectetur cicuta eligendi terebro vomica curis.

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