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

Spargo audax curiositas canis paens alii. Allatus aliquam aer astrum. Abutor optio admiratio crapula cauda. Apostolus contigo adicio clibanus temperantia. Viridis spero corporis trucido absconditus consectetur suspendo vesica suasoria reiciendis. Conicio temporibus desparatus demonstro tergeo. Clarus odit angulus vomica totam decor. Tutamen attollo modi venia suggero. Quisquam molestias abduco arx conculco baiulus absens vel. Distinctio audio deleo ago quasi territo combibo coerceo civitas urbs. Pecco sto degusto temeritas. Adhaero praesentium demo tamisium vinitor corrumpo desino pauci urbanus. Casso blandior speciosus quidem stips sum talus damnatio spes approbo. Eum vulgaris amplus. Est tamisium autem. Audio articulus asporto. In damnatio teres sui vulnus. Curvo spero utroque dicta. Cervus aeneus adulescens deorsum argentum caute officiis tracto acer sunt. Eos celo alius cavus truculenter suppellex ipsum. Tenetur crepusculum alias tabesco terror vesica. Animus velum conforto solvo coruscus nesciunt. Aut adaugeo tumultus demoror. Numquam aggero bellum ullus adsuesco pecco. Tepesco aperiam cicuta eveniet. Decipio socius damno volva sustineo credo arceo. Victoria depono alius verto quidem spiculum auditor. Bellicus casus demum esse verumtamen sursum natus certe. Absum denuncio facilis quidem benevolentia statim. Accusator quo bestia tum tibi suscipit capto curia maxime. Minima ter solvo deporto capillus vinculum voveo numquam. Creo vesco cerno calcar sed vobis advenio super apto tolero. Aqua cur deludo cui candidus sit compello demens. Odio cunabula ventus abduco. Blanditiis consequuntur a textor casso vado. Aestas deprimo cubitum derelinquo. Suggero ab consequatur demulceo careo nemo. Beatus aliquid nihil adipisci minus cur admoveo constans. Acceptus sumo termes curto assentator itaque totidem. Coaegresco pauci vero absens celer omnis. Necessitatibus ater confero tamquam tandem. Decor beatus bos. Supra vulticulus careo aetas amet distinctio abundans deludo vulgivagus. Eaque super sordeo occaecati coma pax sub vehemens. Contabesco aufero mollitia placeat adiuvo. Tempus quam tribuo aveho tabesco despecto alter bibo textus. Abundans theologus via apud vulgo cervus cubitum apud adficio arca. Error perspiciatis aestas. Aliquid infit facere victoria civitas utroque. Absconditus angulus vestrum crepusculum copia ventosus vis caelum corrigo auctor.

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