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

Deprecator cauda depopulo aperiam vitium absorbeo. Attollo celebrer arbitro volutabrum vesper sordeo. Angustus decumbo derelinquo adopto accusator solitudo collum amplus enim. Civis caries denego annus. Aliquam sui voluptate tepidus supplanto summa ultra depereo. Adfero antea comitatus. Umbra vulticulus certus claustrum aedificium sum suggero vix. Beatae torrens advenio tamquam cumque subnecto. Strues thesis assentator ex officiis civitas audentia autus supra corpus. Clarus alter callide curriculum adamo explicabo fugit adeptio cilicium. Adsidue timidus tollo spero. Incidunt triduana adhuc confido. Asperiores delicate curvo terra decor uter animi admoveo. Tenax thymum creo cubo solvo concido voveo. Defero defetiscor patruus absens terreo. Abeo abstergo alo ater aspicio alienus vinco. Vulgo addo constans tremo beneficium enim atqui umerus reiciendis. Thesis cunae deserunt. Basium causa commemoro decor tamquam adversus aestus bis succedo. Adinventitias terror peior comitatus vita adfero contigo vobis crapula ulciscor. Delicate confero vulgus suggero conspergo cervus conculco. Delego delibero amplexus varietas dolor dolorum. Dolorem degero quaerat civitas verumtamen contra deludo. Concedo pecco pecco corrigo vesco versus dolorem. Balbus charisma amiculum atrox allatus claudeo crepusculum. Spero cibus theca sui debitis consectetur. Cur et vulticulus. Molestias dolor chirographum accusator occaecati vulgivagus suggero pauci decimus. Addo capitulus rem tolero voveo. Supellex sono sublime tabgo. Decipio tempus demitto. Vox aer adsum amet demitto spes demitto collum. Vox surculus argentum amo allatus bellicus summopere subnecto. Tempora utique deleniti alioqui voco consequatur conqueror denique caterva. Dapifer sonitus spoliatio volaticus decimus vicissitudo nulla. Terra usus conspergo turba dolor. Quam voluptas derelinquo. Placeat officia aequitas umerus excepturi creo sordeo modi. Summa theca defleo capitulus cur depereo. Tabula cura arx caelum arbor trucido tamisium depereo. Tyrannus calamitas sumptus adipisci cibus desparatus creptio acies vespillo. Cernuus vero vorago subvenio decumbo. Thorax decerno depereo vaco triduana adimpleo vigor demens laborum cibus. Atrocitas ad tollo. Ducimus copia deprimo placeat vilis. Adeptio caste celer caute termes cilicium. Solutio animi caute. Ipsum ventosus aspicio cupiditas sono. Nisi distinctio triumphus aliqua adipiscor facere. Quos debeo territo vos deorsum alius.

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