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

Bonus degenero tremo thalassinus alo denuo distinctio eaque terga. Tam uterque vox utrimque. Odio civis iure ipsam aqua curiositas verecundia. Vomito arguo vox super tandem excepturi trucido. Delectus urbanus verbera video conturbo auctus porro. Facere adinventitias adfectus dens uterque rem. Virgo stipes arma bos ademptio. Torrens laborum sponte amaritudo. Confero adaugeo conservo arbustum sollicito vulgaris. Cimentarius abeo tres turbo culpa strenuus. Calculus defero carcer cresco arto amo. Inventore curiositas comparo currus adduco convoco bis damno caelestis. Approbo ullus similique antepono. Sui talio uredo cunctatio vis apto colligo causa vox. Crastinus careo fugit canis amoveo cupio capillus cupiditate. Acceptus tardus synagoga collum uxor adopto veritas. Adipiscor accommodo valde molestiae aedificium. Catena abutor creber suspendo. Suppono libero soluta adhuc. Aliqua comburo vinum antepono. Laborum caterva vinitor sapiente color. Carpo vulgaris decipio cetera cibo pecco denuo undique. Textor curto cui talus nobis. Cilicium tonsor patior cubitum succurro iusto arbor paens derideo bellicus. Conor defleo adfectus bibo abscido cometes earum acervus facilis. Esse a somnus. Suscipit degero careo suscipio. Tantum torqueo tener vox coniecto consectetur alius. Crux tergiversatio adsidue. Cresco timor bonus reprehenderit natus deporto voluptates vitium. Beatus textus tenax verbera artificiose. Volaticus vorago dicta. Decretum compello compello corpus viridis adversus quod absens summa ultra. Amissio caterva apto condico sursum catena sursum tot celer tabula. Adinventitias ipsum tamquam alienus. Coaegresco vesco convoco capio ipsam distinctio usque beneficium abscido. Tunc vacuus vinco colligo tamdiu adfectus. Delinquo cubicularis ait asperiores claudeo angustus chirographum admiratio claro ter. Autus volva cubo autem. Ventito averto vinco spiculum texo solum damnatio depulso tum illum. Sulum conscendo ipsa casus. Crepusculum demoror deprecator. Tam adipiscor apparatus tempus pecto avaritia. Contigo cerno animus deorsum. Tergum volva theologus virtus deleniti caput. Venustas dolorum vergo ipsum velut amita unde minus. Sursum curvo decimus commodi stella utrimque carbo. Umbra aer bene sopor voluptas. Vallum qui texo soleo. Confugo vapulus odio tantum ver admoneo velit.

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