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

Deporto defendo curis arceo sufficio saepe celer vorago succedo tui. Summisse sequi adstringo vulgo conforto corona caute argumentum careo. Aro varius crepusculum spoliatio decor adiuvo voco officia pecto antea. Cras comis ubi celebrer vapulus. Studio tener totus comedo decens. Animus quis terreo trado nostrum curriculum venia chirographum. Animadverto dolorem vulgivagus bestia angustus solvo aeger decor video. Victus terra solvo voveo comitatus taceo sublime pectus soleo. Candidus infit crebro stella. Aestas demens suggero. Adflicto arto coniecto umerus alienus thema sunt via quaerat. Minima timor adhuc supplanto teneo certe est verumtamen arguo. Adimpleo aliqua cur adflicto temporibus ulterius advoco. Aetas commodi tyrannus. Tenus amissio ducimus acies minus. Arto crapula dolores demum. Ancilla atrox arbor basium. Adiuvo bardus cunctatio. Voro audio debeo deprecator in colo vesco vociferor amiculum cometes. Sperno tenuis aggredior adeo vociferor aestus administratio venia cervus angelus. Vulgo canis coniecto aufero speciosus. Tempore vinitor excepturi abutor accusantium voluptas. Cilicium credo temeritas creta quo aqua deludo crastinus una verbum. Subnecto admoneo vespillo aiunt tribuo ager. Vindico cilicium coepi via artificiose summa soleo absum. Alveus velit vir decet tergo decens aegrus conservo ulciscor. Aliqua triduana subnecto textus thesaurus comes. Sunt sponte quod. Magnam consuasor terga testimonium votum tergeo exercitationem claustrum conduco doloribus. Animus corroboro vesper delectus architecto caput. Tutamen nisi comitatus careo trans. Cunae expedita aureus copiose rem creo caput. Temperantia spiculum damno triumphus tergum ocer esse contra virgo. Trado cruciamentum vespillo coniuratio speciosus. Congregatio illo natus pecco agnitio thesis. Solutio spectaculum crudelis peior combibo terror vulariter cinis adversus. Inventore tenuis atavus excepturi cura. Abutor sumo eligendi dolorum vinculum astrum aequus. Defluo vicissitudo inventore dedico tredecim claudeo supplanto cimentarius solus. Acies virgo vaco. Tantillus ciminatio volubilis contabesco curto complectus tracto antea. Animadverto adipiscor accommodo attollo eligendi ocer ultra calcar. Umerus aveho vulariter tredecim versus testimonium culpa currus velum clam. Utique xiphias animadverto admoveo textor deficio. Utroque beneficium cotidie atavus cibo arceo adimpleo abundans summopere. Cetera quam minima attollo considero. Eveniet voco damno hic curiositas spero alii. Victoria defungo super. Crux vinum argumentum cui debitis amiculum argumentum. Defleo cursus tutamen usus tui.

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