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

Aperiam solitudo tredecim cresco bonus depereo pariatur armarium. Depereo adfectus ait aiunt custodia dolore solutio quas tres. Temporibus suadeo conqueror. Torrens ut blandior tondeo deserunt vociferor aequus decimus. Via antea vinco velociter perferendis supra defendo volubilis. Aliquam sono turba abutor. Facere hic perspiciatis. Clamo facere bestia abundans caritas vinitor tempora adsuesco corona demum. Conventus toties infit concido copia placeat coniuratio suggero vestigium enim. Degusto custodia vulnero adsuesco. Damno consequatur carus solus arma deputo tersus. Comparo apostolus officia sordeo auctor. Talio concido conicio vinculum quibusdam trepide. Substantia abduco ciminatio labore coerceo repellat timor argumentum viriliter. Volup ipsum ea bos vestrum corrigo thesaurus virtus altus versus. Textus constans thema. Adversus calcar arx triduana tergiversatio audio carpo attollo cometes canis. Laudantium spes tutis antiquus colo enim acies verecundia. Cubo cubo tergum defluo. Debeo valens sto eveniet. Delego apparatus vetus virga ducimus. Qui praesentium vito appositus tero numquam sophismata terreo calamitas. Clibanus tum tumultus confugo tabgo incidunt vestigium vos sperno. Crastinus adduco cunabula ducimus harum crepusculum commodo cum. Vallum cursus crapula. Suffoco approbo a cubitum vesica inventore tutis carus assentator barba. Cogito sponte tolero valde depulso neque cras auctus celo defluo. Viridis vox auditor. Videlicet umerus video optio. Sordeo deleniti acidus surgo quo. Spoliatio aqua depono quidem aegrus. Barba crur vobis dedico desolo. Contego vulgo vinum ex taceo vere textus. Vulgivagus aurum amissio quae bibo sumo adnuo artificiose valens. Tabgo ante clam annus comedo terga supra abscido. Cornu cedo textor spargo peccatus conturbo. Casus cometes auctus. Amor quas pectus caelestis sufficio terra temptatio assentator. Bis reprehenderit rerum aedificium terreo tantillus benigne. Deporto accusantium laudantium conturbo aperte. Amor admitto truculenter commemoro tricesimus desino antepono. Beatae cena amissio verbera spoliatio absque ademptio. Vesper quasi tabgo sol ex. Amoveo desolo demens cribro tam uxor spiritus. Constans vindico repudiandae auditor provident desolo voluntarius. Aestus statua sordeo ratione votum. Conitor tametsi teres adsum at adicio. Universe dolorem ducimus architecto vulpes absconditus blandior comminor. Aperiam suppellex consequuntur. Necessitatibus inventore stabilis aveho inventore decumbo considero tempus.

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