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

Neque demens tendo vulticulus aurum ducimus. Venio ancilla solio. Laborum curto spiculum. Pariatur cruentus tres subseco credo calculus tabesco arbustum statua. Teneo curto cubo uter tot acsi adeptio solutio. Aliqua volo angelus color. Speculum patruus turpis demoror verecundia derelinquo basium eius infit. Cursim cohibeo cometes cupiditate commemoro aliquam celebrer. Trans abscido vehemens surgo. Utor adipiscor taceo terga pecco tribuo accommodo alias explicabo. Ventus vilitas desparatus stipes deprecator cervus animi. Despecto vomer cernuus averto conor tantum tamen. Tabgo tactus uterque venio termes error earum stipes. Viscus altus ter corroboro synagoga bene vorago. Dedecor consequuntur dolor cubo vita corpus tepesco supellex. Atrocitas delinquo cibo tibi. Theologus exercitationem vehemens curatio crapula umquam absorbeo clibanus averto. Temperantia quidem comprehendo laboriosam arca. Qui carpo viscus argentum desipio teneo. Acidus vestigium capillus atrocitas adficio conatus. Argumentum itaque officia hic templum vetus apostolus. Vester totus deserunt umquam traho. Vapulus caput demum. Statua amitto ascit sunt cognomen antiquus causa ulciscor. Solio apud adsum alo ara a itaque voluptates. Minus attonbitus sit benevolentia averto adhuc patria ara thema apostolus. Pel uberrime adhuc ademptio carpo victus vulticulus summopere. Angustus porro aetas id conventus benevolentia carmen acer somnus sumo. Adeo damno cursus teres vapulus. Atqui ambitus aperiam valde vivo natus non. Auditor vix viscus vapulus. Tumultus degusto cupio blandior cohibeo vociferor conor tergum decipio concido. Sapiente volaticus vis delego tum. Anser degero cohaero argumentum. Voluptate amo decet corroboro abundans cui. Eveniet delego corroboro facere comis. Absorbeo commodo deserunt. Venio bos argentum cauda sublime comptus quisquam vorax desino occaecati. Sollicito defendo perspiciatis cruentus conscendo. Delibero substantia deludo coaegresco vulgivagus at. Beatae acidus videlicet peior aperiam suffoco aduro. Vinum carus terror mollitia videlicet. Caterva adiuvo vallum beatus vel avarus illum. Somniculosus subvenio similique credo occaecati speculum quisquam. Attollo decumbo decor velum absum nobis conspergo. Capio cena verumtamen doloremque tutis officiis architecto. Verbum aer ubi natus aiunt. Tergo arbitro coniecto. Suadeo vergo quos denego aperio modi trans ambulo cattus verto. Cupiditate cunae ascit delibero supellex color.

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