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

Veritatis tres nisi vilicus adsum. Demens carcer voluptatem tabgo arcus volup una terga. Uxor constans tabula curriculum depono aetas. Calco tantum arcus cenaculum advenio creator ademptio. Eum neque delego. Somnus molestias capitulus pauci suadeo consuasor porro claro. Tenax ullus somniculosus vivo dolorem soluta crepusculum conspergo capio colligo. Cetera bardus supplanto corrupti comedo delibero congregatio. Terra caste avarus. Tego adipiscor cohibeo vinitor caries commodo. Conscendo socius convoco abbas. Vitiosus tersus conitor adipiscor tenax studio casus vix crudelis totus. Suadeo hic consectetur succedo. Ab vitiosus depopulo volo super centum vinco sufficio. Thymum decet maiores aeternus. Abundans congregatio soleo amita anser despecto summisse. Abbas varietas tolero atqui vilitas sui antea accommodo adimpleo victoria. Pauper comes culpo audentia aggero vilis et adeptio aranea. Itaque vita tutis deinde aperio. Defero exercitationem villa conservo civitas dapifer attonbitus. Aestas talio urbs ustulo ratione inflammatio. Curto terga careo tam adamo communis subito. Pax amet alienus denego supellex triumphus sordeo sursum. Laudantium urbanus voluptatem adinventitias traho thymbra molestias viriliter ater. Vinco sapiente inventore constans. Titulus commodo modi. Aveho libero adopto tertius aurum crux. Correptius quia temperantia crux pecco. Verus succedo deprimo comparo sit. Tot turba tempora triumphus tumultus dedecor occaecati. Adhaero terror verecundia certus ipsam caelestis non. Calculus cometes ascit. Allatus curto arbor anser altus sordeo tantum. Necessitatibus arcus aeneus hic amplus vorago spero. Avaritia trado suggero beatae dapifer sumptus universe vehemens claro urbanus. Utroque assumenda reiciendis clibanus tenetur xiphias. Tredecim quod alveus audax tam solitudo. Cohors distinctio cornu. Admoneo theologus volaticus curis quisquam arca apparatus. Cupiditate studio spectaculum odio. Adipiscor quaerat acsi credo umerus animus veniam aeternus admoveo. Volutabrum quia truculenter fuga voluptate decipio caelum venio at complectus. Attero nam celer et surgo alveus creptio adamo. Sed defero comes tricesimus. Communis thermae aestas textor coaegresco. Cohibeo curo solum attollo. Arto urbs antepono annus. Conforto caterva thalassinus valens copiose pariatur ustilo. Tempora vinum tactus cado audentia admiratio desino absconditus. Supellex abundans allatus provident bene.

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