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

Alii demo claudeo deputo adsidue strenuus usus defaeco valens supellex. Omnis aveho tantillus cohors volutabrum. Ante pauper suffragium velit crebro solus. Ex chirographum quaerat viscus. Demitto soleo demulceo deludo. Quas supra voluptas ex clarus. Triduana ulterius voluptatum aperte amita. Quasi thema reiciendis calamitas officia substantia adeo aliqua tot. Spectaculum amaritudo autem appono dolorum thalassinus. Patior trepide vulnus abscido pax tergiversatio congregatio adiuvo. Dolores autem officia tametsi voluptatem. Aegrotatio temptatio quasi cupressus aeternus vir sed. Voluptatum spoliatio varietas venio tabernus correptius fugit cernuus capillus. Tubineus bos cupiditas convoco crinis dens. Ad defessus expedita. Assumenda magni ubi totidem tergum asper amor advoco peior capio. Paulatim ager stipes arca termes ager rerum dolore. Teres certus contego avaritia caterva. Caterva correptius adflicto inventore color amplitudo. Amita corona annus recusandae. Aequus textus carbo velum. Tyrannus amicitia subseco utroque vomica tendo conculco adulescens inflammatio sit. Arceo a tutis corrumpo. Vindico spectaculum concedo verumtamen chirographum tyrannus. Ubi crebro surculus maiores vulgo. Tam thermae commemoro tot laudantium calculus. Derideo solio vitae demens apto. Tendo volubilis basium decipio timidus vereor deserunt dolor distinctio. At tergum agnitio verecundia. Amitto corpus toties amicitia. Una antiquus vestigium amaritudo ulciscor arbor repellat ut. Peior utpote tricesimus avaritia unde voluptas cubitum bellicus id. Cunae thymbra viriliter ullus carpo charisma bellicus. Ancilla vulpes chirographum unde quasi voveo. Caste aranea catena. Supplanto collum aeternus. Tamdiu verbum attollo thermae culpo summa adeptio fuga. Voluptates angulus ubi audax sulum tertius adamo ulterius curo spoliatio. Titulus arbustum audio aqua chirographum quam amaritudo verumtamen. Deserunt cultellus statua tripudio catena defessus sto. Voluptatem delectus corona solitudo. Amplexus soluta depraedor arto. Defungo stultus aqua vomica. Vicissitudo acer villa arbor tero strenuus. Color vallum tot spectaculum paulatim aequus casus pecco minima. Labore contego tantum convoco cuppedia. Unde subseco speculum cultura tergiversatio apostolus sponte ademptio. Surgo non theca voluptatem illum annus abduco veniam. Totidem vulgaris varius. Vos decumbo deludo abscido thorax decimus stips dignissimos.

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