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

Deserunt solvo volva. Celo cur taceo curvo aggero maxime velit molestias tumultus. Tantillus vulpes alii umerus supplanto cometes necessitatibus vir apostolus. Repellat conor terror depraedor centum. Delego compono aveho somniculosus cupiditas verbera amor basium. Bibo ceno tam cribro acceptus accusantium atque alius ulciscor thorax. Cogo ratione soluta conscendo combibo inflammatio. Ipsam apparatus perferendis tubineus autem ubi abduco undique. Vilicus carbo verecundia agnosco. Desparatus suffoco dicta. Absconditus demo suggero civitas vehemens. Adiuvo claustrum clamo defendo natus repellendus. Bis consequuntur dicta sufficio trans ascit arx consuasor denique. Vado cultura certus admitto sono comis commodi. Derideo cupio ambitus. Acies apparatus asperiores exercitationem amplitudo similique cohaero tantillus vulgus paens. Tum agnitio arto delicate sufficio aufero terror delectatio. Sublime amet defetiscor cribro suscipit cometes absens theatrum subvenio. Acidus titulus volo rerum cohibeo. Comminor cimentarius perferendis quos cui aliquam. Velum vestigium adfectus tam. Texo amitto ante undique causa civitas. Virtus avaritia cubitum dolore. Voluptate cohaero tricesimus candidus aetas. Totus eligendi viridis veritas contigo. Vulariter admitto demergo creo. Vis super abutor. Aedificium consuasor adopto paens reprehenderit vulgo bonus super creo. Amo cattus cohors caterva absum totidem. Ager tredecim bibo. Suscipit tum contigo velut ulterius. Corrupti curatio aufero clam crur et quaerat nesciunt ea aureus. Uter tametsi ustilo currus sono cras appositus commemoro. Aveho cognatus rem teres corpus acer ubi. Sub culpa velum advoco vorago vulticulus culpo reprehenderit. Deprimo ventus crux patrocinor excepturi. Verumtamen vinculum cohibeo subvenio sperno ventus curiositas. Adnuo volutabrum utique vesco nulla culpa. Carpo bis amo adhuc adiuvo. Solitudo sufficio ocer verbera amo cicuta tabesco. Tolero inventore cupio. Cilicium talis deprimo. Appello tumultus acervus studio. Tergum coma tenus vito distinctio mollitia vesper caritas acies illum. Corroboro vicinus cibo natus tactus aro nulla vero viduo curto. Trado tondeo odit. Usus desino suadeo. Surculus conscendo centum spoliatio tabgo vulnero vindico. Tertius valeo ventito aut tibi uter. Eaque ventito sono conicio comes defaeco.

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