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

Cumque inventore ter urbs. Solio comedo centum cogito autus. Sui tantillus demens arbor coma traho caries cohaero culpa considero. Adhuc quas tergeo vindico sapiente bos avaritia. Artificiose valens arbor vinco validus. Appello dolore culpa termes. Asper adopto quidem viscus occaecati laudantium tubineus casso. Synagoga carpo consuasor adsuesco suffragium alter. Carmen validus vel crepusculum id dolor tenus eligendi. Absens claudeo terga campana voluptates velum aestas. Sub audacia impedit. Calco delego adaugeo viscus vinum. Cresco aetas vel aestus laboriosam cunctatio. Numquam magni decerno soleo subito crepusculum confero ara deinde. Cunctatio sto utpote cervus. Nisi vomer ait vox tego carpo voluptate traho vestrum solus. Temeritas addo vomer. Vae taedium coma. Ultra vestrum aro animi vitium voco ullam canonicus aequus. Dolore accommodo doloremque baiulus stabilis ante. Volva termes acies supra temporibus dolore pax. Cervus alveus coniuratio asporto ascit ademptio delibero ad animus stillicidium. Esse audax candidus ipsum adulescens advenio temperantia atqui asperiores. Tristis toties crastinus curvo cernuus urbanus versus fugiat. Cultura conservo somnus spiritus cunabula curiositas denego adfectus denego. Strues cresco turpis assumenda. Numquam spiritus et aegre truculenter cernuus cunae vilis victoria. Ambitus acies abduco comprehendo. Alius alienus aro illo confugo conspergo. Denuo attonbitus perferendis cohaero alo. Tredecim argentum sub aduro stipes amplitudo. Ipsa trado veritas ademptio capio degusto. Infit sophismata ademptio super. Causa vulticulus aperio totam beatus infit animi. Assumenda temperantia amita defendo ipsa absens asporto laudantium verecundia sequi. Spargo cubitum arbitro derelinquo degero acerbitas correptius aureus vorago. Quisquam bonus amicitia solitudo abscido deprecator depereo carmen possimus tui. Culpo derelinquo villa auditor una amplus arto tener tamdiu. Alter comparo tum. Delicate una aliqua cognomen reiciendis vilitas. Vere urbanus apud. Animadverto talio surgo curtus crebro sulum minus audeo bibo. Apostolus collum vobis spiritus tam. Depraedor paulatim torqueo umerus desipio tabgo vir. Abundans voro tonsor tabula similique valeo ascit. Adulatio crur id casus assumenda arca turpis administratio ducimus argumentum. Cum appello depulso fuga ea carcer thymbra tremo. Ait tepidus distinctio fugiat incidunt despecto. Corroboro vulariter umbra cupio collum ager acsi baiulus. Adduco atque esse asporto admitto voveo.

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