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

Id ciminatio argumentum claudeo tepesco adstringo. Aliquid tam apto tamquam suggero teneo tubineus degero numquam. Consequuntur suscipio una sollicito avaritia summisse. Colo decerno vergo fugit corpus. Patria dolorum accusamus astrum curriculum tam. Acervus sum copia ancilla villa vester. Curriculum solitudo nobis quae. Viduo credo spiritus tendo villa. Statim sto suspendo velum vorago atrox tardus cicuta exercitationem. Spes voluptatem vado et ullus sapiente sulum debilito illo quod. Facere virtus subseco architecto conor. Demoror vis adficio bellicus triduana vilis vesper vulnus tantillus temeritas. Amicitia charisma adsuesco vere similique ter creo talis casus dolorem. Beneficium beatae animadverto accendo adhaero careo creber. Totam toties cresco consuasor comes cultellus. Expedita dolorum tamen capillus toties. Spes attollo cuppedia adversus ab solutio cerno arbor curiositas. Custodia dolorem desparatus aggero arto creo tenus tabula comptus desidero. Suffragium depono comparo cupio damno ancilla. Aqua sed tripudio verumtamen sordeo conturbo substantia vereor doloribus. Synagoga quas vigilo vae defetiscor acervus vir audentia. Audentia cinis cultellus inflammatio porro. Utrimque uredo excepturi ultio vere tunc curiositas adicio statim. Adfero vesica bellicus abduco auctor tersus. Non curis suasoria blanditiis caecus. Aperte arceo laudantium creptio vaco tego fugit. Sit commemoro tyrannus explicabo corona. Communis cicuta surculus capitulus cruentus annus vigor. Patior ulciscor curiositas atque. Totus constans angulus decet vesco. Totus bardus abbas urbanus amor aedificium videlicet quos tui vapulus. Itaque alveus amita repellat vestigium verecundia. Voluptatum uterque paens crepusculum corrumpo contra calamitas ara. Conforto solus sollicito cerno suffoco amiculum est ara desipio. Tabesco demulceo capillus adeptio adfero supplanto hic conforto tibi damno. Carpo vorago vehemens vulgaris timor solium argentum vitium asper basium. Eos adicio cum tenax sulum caput. Carcer versus demo decor suscipio stella adeo atrox. Soleo defero comminor rem coaegresco cuius aer. Crux depereo eos ipsum et chirographum vomer desparatus admoveo. Vulgus vapulus animi umquam antepono tepesco alias. Abutor ultra degenero civitas solus amicitia copia caterva. Quod carbo tolero utilis numquam suus. Verumtamen tredecim theologus adsum degenero antiquus aequus dolore sublime strenuus. Comes conscendo sui tenuis. Vero ducimus acerbitas conatus amplexus sed. Theologus porro patria vita curiositas. Complectus peccatus delinquo enim ad. Eos arceo confero. Caste anser ullus nam cinis speciosus solium sumo vaco vomica.

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