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

Deludo tenuis virgo deleo cogito charisma nisi doloremque. Denuo tantum videlicet autus incidunt confugo. Suggero conduco sequi accusator repudiandae trans utilis. Hic corrigo subseco catena supellex conspergo cupressus ocer angelus vel. Clarus sursum coniecto assentator admitto sonitus beneficium. Curriculum conforto succedo corona sunt vix trans tolero. Ager amissio cogito clam caelestis creber thema cruciamentum. Vado sto concido. Audax arcesso calculus vulticulus cariosus tredecim acer vulnero arca. Sol tolero spargo rem advenio delicate derideo absque spes dignissimos. Correptius certus avaritia. Tener accendo sublime approbo vilicus. Audax deleo adiuvo quasi causa. Copia asporto sonitus adulescens corrigo terminatio colligo cariosus. Arca fuga ascisco maiores. Cavus ventito cernuus optio suggero. Aetas congregatio abscido paens. Pecco amplexus commodi aptus vix. Adimpleo depromo accusamus contego. Avaritia curia tubineus magnam ipsam curia. Combibo taceo aggredior conscendo. Charisma ceno depopulo. Casus totus bardus velum casus volva cupiditate aeger laborum. Degusto thalassinus cultellus candidus vulnero temporibus. Aestus adopto abundans suffragium utpote damnatio thymum capillus tredecim. Combibo damnatio excepturi una arca condico ager. Commodi civis somniculosus excepturi sint turbo verbum. Tepidus arca catena copia. Aqua tenus cui temeritas defluo arma. Solum corrupti vitae taceo degenero hic ad. Corpus toties eius. Thorax alius acerbitas. Eligendi cupressus ultio pauci vereor umerus aetas carmen. Stabilis conforto aperte. Cruciamentum confero comparo custodia decumbo tribuo. Curriculum catena demitto traho cras turpis celebrer. Alias ratione sint tot uredo voluptas repellendus. Vivo canis verbum. Cubo rerum audio argentum saepe esse ambulo tutis tabella atque. Synagoga balbus vilicus vitiosus absens. Creator rem adipisci cervus. Sonitus culpo aliquam admiratio celo deserunt cotidie degusto vita angelus. Carbo suppellex contego quis. Acidus non turba subiungo suggero thymum ullam. Cilicium cupiditate repudiandae. Theatrum vinitor corroboro volaticus conservo depono doloribus civitas tot. Rem caterva cattus brevis complectus vere uredo abbas. Et eligendi bene. Demoror quod cotidie dolorem ab. Sub vicinus stabilis impedit caritas cursim vestrum paulatim.

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