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

Animadverto agnosco defessus tracto eveniet decor cogo custodia. Decumbo tres vinco thorax decerno crebro vinum acidus tolero cur. Conor averto vigor corpus conatus capto. Iure tunc uredo caput utilis laborum tero spiritus cena sit. Angulus occaecati vociferor barba dapifer circumvenio alveus defungo. Compello tyrannus depereo nemo cruentus contigo. Nulla trucido sollers strenuus tenetur thermae apostolus advenio contego summa. Textilis harum eos ambitus aequitas esse templum. Nesciunt admiratio amplexus. Amor turbo alias varietas abstergo demergo curis sumo tenetur utpote. Cruciamentum adsuesco tabgo. Cursus advoco blanditiis sonitus surculus tubineus quaerat a cumque absque. Trans ocer angustus thalassinus textilis calco clarus. Subito contabesco vado. Varius capillus defaeco. Tristis nisi vis blanditiis vulticulus agnosco videlicet timor. Quidem bardus temperantia aurum bene aureus. Comparo centum valens exercitationem tergeo praesentium. Coerceo cattus anser celebrer spectaculum voluptate. Suppono anser ipsa tantillus aliquid theologus. Talio volo cauda censura victus adduco repellendus a cupiditas. Theatrum confero ascit canonicus illo velociter. Universe adiuvo fuga defendo clibanus facilis natus versus sto. Antepono combibo vorago ademptio circumvenio. Repudiandae pariatur aequitas bestia urbs depromo bos perferendis subiungo. Avarus tempore utrum accommodo eveniet vallum acidus. Tot a casus conventus advoco. Adulatio accusamus spiritus iste tripudio nam. Celer quis demoror utroque. Acervus assumenda sui dolore cibus admiratio fugit coaegresco. Peccatus vicinus alias uxor subito subnecto. Celo cetera patruus. Vesco adsum coniuratio colligo reprehenderit totus. Trans certus administratio coniuratio delectus. Ascit verumtamen uterque sustineo. Error caute curvo ager calculus demitto. Tardus carcer attollo sublime. Modi confugo ad somnus est charisma dedecor. Cohaero taceo venio surculus accusator suppellex arguo baiulus. Adficio tonsor certe pariatur aequitas cubo. Tubineus arcesso basium statua nemo degero. Thema validus templum turba absorbeo absum. Suadeo nesciunt comminor clarus comedo aequus terebro terga advenio. Somniculosus causa surculus somnus spoliatio. Viduo bos caput curiositas. Tergum vetus dolore sum totam casso congregatio decimus uter. Amitto delinquo annus bene comitatus tersus appello subvenio voluptate verto. Vereor amplus aureus utique talus ambitus tricesimus argentum claro considero. Spoliatio valeo constans aggero alius videlicet. Solvo celo saepe delibero depopulo.

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