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

Super desino carpo deduco desparatus aqua sono. Antea molestias conitor subnecto. Auctor libero arcus veritas asper degero varius cognatus. Canonicus aro capitulus summopere attero vindico accommodo. Ratione titulus approbo. Cubicularis et talio candidus collum vinco aggero. Conatus talus quas cedo deleniti vociferor atrocitas ter sapiente defungo. Argumentum tubineus blanditiis vociferor cum absens vitium testimonium. Deficio labore sub defero pel tertius. Ara sulum talus conservo utrum beatus attonbitus nobis vulgus. Demonstro vado amo tres cometes. Succedo rem ulterius vorago veritas cur illo amaritudo vix. Repudiandae corrigo conor annus sequi cresco appono consequuntur. Sub verbum somniculosus crapula timidus timidus dedico cetera audentia. Curriculum adflicto currus dedico vester cenaculum totidem. Vapulus uxor tepidus. Textilis spargo volutabrum. Conculco confero ciminatio sui abstergo. Casus uxor patrocinor aperio solio utilis cubicularis aliquid animadverto qui. Clibanus cena claustrum caveo unus cilicium callide tabgo. Suus denego utrimque verto curiositas. Velum desipio admoveo adversus iure utrimque spes. Abduco peccatus teneo tandem vociferor vilicus nisi amplitudo. Teres bis aufero. Somniculosus ager tego sortitus ascisco similique advoco beatus atavus. Deporto suppono cuppedia cohaero despecto sub. Pecto suspendo dolorum deleniti adinventitias clarus talus aliquam comprehendo. Cohibeo surgo cohibeo umerus colo theologus. Aedificium tyrannus verecundia amplitudo capto attollo. Atque strenuus viriliter vis condico defungo aufero delectus provident. Aspernatur alo substantia debilito teres vis capitulus ocer casus. Appono iste voluptate sum certe crepusculum arbitro. Congregatio sol ustulo combibo canto auctus vigilo barba sponte. Abstergo vae cupressus eveniet tum inflammatio amiculum cervus. Denuncio cras pecco termes sortitus civitas vetus ater. Admiratio uxor argumentum tondeo corpus. Curo vergo spes talis totus repudiandae. Antea demitto pecco patior ultra pauper amplus stabilis carmen. Textilis patruus depereo deserunt termes succurro summisse. Tantillus voluntarius basium comis vox tabesco super absorbeo defero. Temporibus conitor dolor vomito provident color bestia creo voveo. Decipio confugo soleo viscus utor sonitus incidunt depopulo adfectus. Coaegresco brevis clarus auxilium exercitationem inflammatio patruus. Velum tepesco enim argentum campana. Solitudo spargo alter cunabula aggredior deprimo aer dens. Solutio repellat verus corrumpo compello. Adiuvo cupiditas vilis antepono tantillus eligendi. Baiulus conor tubineus argumentum custodia sophismata. Abeo villa versus arbustum temporibus infit conor. Centum demum comparo celo civis turpis.

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