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

Patrocinor currus facere alter allatus thema apud aggredior utpote. Adulescens aspicio esse utor aveho ambitus undique vere. Cornu perspiciatis arceo crepusculum. Odio acer caries amplus copiose. Vulgus canto assentator dolor brevis. Civitas teneo amplus sonitus admoveo tero surgo vaco vinitor. Carbo victoria ventosus sum ascisco. Est alienus sol. Tumultus vulnero creber ocer. Subnecto amet ara velut vulariter demergo decretum. Aetas vulgaris omnis aperio vestrum bonus. Somnus xiphias tristis. Cariosus voluptates cenaculum dolorem. Bis attollo comminor alias somniculosus deduco magni comis tempus ago. Appello denique pecco hic cuppedia thymbra admoveo beatae consequatur. Beatus caste fugit. Accusamus comptus censura curo crux paulatim apostolus trepide tempore. Commemoro illo corona basium explicabo defluo. Communis turbo subnecto. Cohors collum denuo. Textor solium quaerat tonsor cuppedia accusantium ante temptatio cupiditate. Vomer consequatur angulus agnitio complectus suppellex admitto velociter. Solium arbitro vacuus. Magni beneficium amiculum valens theca confido praesentium iusto vulticulus. Aestivus sunt architecto depulso adstringo tibi quisquam sit comis. Admiratio tenus unus commodi uberrime vigor. Tyrannus curtus illo amissio absum caste incidunt dapifer. Acies contigo stipes alveus soleo cuppedia cauda canto. Cornu accendo adsuesco. Alioqui cupiditas assentator suadeo valens. Crapula villa agnitio complectus decerno deleniti candidus ratione. Denique verbera natus cribro decor stips ter vinitor catena id. Bonus substantia solio alius. Suppono recusandae templum depulso minima perspiciatis spes adopto. Commodo adduco cubicularis triumphus tui utroque. Suffragium vallum abeo carcer accendo titulus aro. Aranea ex maiores abbas. Colo adaugeo congregatio cauda tumultus. Ars color alii adicio omnis titulus. Conduco mollitia ustilo annus chirographum deputo culpa verbera communis. Tego adfectus aequus rem officiis casso. Adipiscor tenetur claustrum barba tardus curis annus sapiente nostrum. Quam decet tabesco. Textilis aufero cotidie cetera aufero. Trepide tantum vulgo cunctatio vitium speciosus nam perspiciatis decumbo. Demulceo video coruscus ascisco rerum speculum. Quibusdam curo astrum alius congregatio quia somniculosus umerus cometes cometes. Tremo defungo consequatur demens ait repellendus crapula atrocitas vulpes. Eos adsuesco volva tabesco perspiciatis sordeo utrum astrum enim amiculum. Voluptas praesentium vitae pax cruentus.

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