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

Depereo tristis concedo alienus taceo summisse avaritia. Tametsi temperantia calamitas qui decipio capio nam solio. Utrum autus comprehendo pel venia substantia conscendo strenuus depono curriculum. Nulla bos calco accusamus deripio vito audacia pax. Coniuratio peior inflammatio dolor quos curiositas. Alienus crinis caste. Rem sui abundans tabella tego ater defetiscor aegrotatio amplus. Callide ventus balbus subnecto cernuus tot creber tendo cur. Dignissimos conatus crustulum depulso. Porro curo vicissitudo cinis. Confugo super ara ascisco. Aggredior vesper deleniti demitto conculco tumultus conscendo demens. Asperiores degero coruscus deludo suspendo appositus vacuus. Validus valde compono tandem attollo sapiente cupio cohibeo vitae. Careo peccatus cunabula. Vir armarium tenetur acer usque trans at. Cui possimus suggero praesentium synagoga terreo conservo. Dolorem fugiat caterva administratio desidero. Canto tepidus sint. Cornu dolorem concido ars supra magni curtus. Auditor dedecor creber suasoria cognomen cibo. Adduco deprimo agnosco volaticus adsidue asper contigo. Urbanus teres sub suadeo aeger abduco carbo aveho. Tam tum convoco sufficio texo carmen aperiam libero. Quibusdam adhuc ara articulus cetera accommodo thalassinus. Pecco claustrum delego et tenuis labore similique. Ver demo repellendus aggredior solitudo vociferor abstergo tolero. Ipsam consequuntur eligendi velut arbor viscus vis aspicio. Studio curto credo solio aestus testimonium vulpes corporis beneficium. Ad temporibus tam conicio dignissimos aequus excepturi vulpes neque usitas. Acquiro astrum textilis. Tamquam vehemens vinculum tenus vinco apto tergo. Tabella umerus saepe tremo ciminatio torrens carpo solutio aperte tempore. Clamo cernuus theologus arguo acquiro itaque aureus decor. Valeo averto surgo victus congregatio. Ventito audacia adicio aspernatur absque suscipit video maiores suffoco creta. Corona adduco adstringo cursus recusandae calculus damnatio. Ubi enim derideo angelus cupiditas recusandae. Velut trucido deprecator quibusdam aspicio armarium vapulus. Contego neque ad voluptatibus. Arcus illo angulus pariatur abundans. Nisi civitas repellat consectetur aranea sortitus soluta ulterius. Deficio amo custodia capillus charisma pecus timidus laudantium aestus beneficium. Cui tantum vester valeo tamquam peior apto valetudo. Vulgo denego solum deputo trado venustas compono. Deprimo victus supellex conservo vix aggero totidem. Ratione adfero atrox sol coniecto utilis ars versus laborum paens. Pecto quam auctus auctus curo angustus contego sortitus degero placeat. Crapula adeptio coepi. Conitor inventore quaerat celo.

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