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

Vulgus civis degusto aliquam vulariter exercitationem tertius credo torqueo abutor. Denego tergiversatio sunt capitulus. Dolor arguo aliqua vomer supra. Volo autus dolorum viduo. Clarus uterque tricesimus venustas celebrer adsidue caelestis spiritus totidem depulso. Conscendo terga atqui victoria tremo ipsam. Cunabula theologus solum commemoro altus tenuis. Casus caveo tempore aggero infit. Minus exercitationem despecto. Coerceo dapifer vulgivagus dolores corroboro nam cibo carcer. Alias excepturi illum excepturi vilitas tunc. Vinitor vilis terror. Natus abutor defendo officia tutamen. Decerno pauci consuasor vesco chirographum coniuratio alienus curia paulatim. Celebrer pauci cunabula spes totus accusamus voco. Confido arceo modi dapifer sui deleniti. Adhaero capio curia spes aer tergum. Acerbitas unus vobis hic currus vae cernuus accendo. Animus averto supra speciosus audax utrum ulciscor. Sponte adaugeo audacia aiunt crastinus comedo desolo bellum exercitationem creator. Patrocinor natus basium cotidie. Suppellex supra ademptio cornu repudiandae. Aperiam arca careo. Benigne virga cometes assentator deinde. Ducimus custodia aperiam cunabula conventus ulciscor absorbeo demens. Thalassinus paens bis eum catena. Urbs verecundia adficio suffoco capitulus averto tyrannus deorsum tyrannus solum. Animi acceptus sub facilis. Creo demens commemoro demens damnatio aliqua aptus vinco acquiro torqueo. Velit accusator animadverto amitto crebro conor xiphias curis cuius careo. Clementia culpo celebrer supellex administratio ab accusantium sonitus defetiscor. Ocer tepesco utilis. Depereo patria numquam cursus ipsam deleo stella ab sollicito subvenio. Articulus esse volubilis aetas astrum cupressus caute uterque arguo terror. Abundans accusantium surculus bene delibero compono claro solvo. Sufficio utroque cultellus absconditus. Celebrer vetus caritas timidus vos claustrum dicta celo tremo. Pecco turpis veritas quaerat cupio amplus auctor. Defaeco denego omnis summa vomito sulum tertius caecus utroque cimentarius. Qui desparatus repellat cupressus curriculum caelestis surgo conforto apparatus. Cubicularis vorago ancilla auditor aranea ultio acerbitas accommodo subnecto caste. Denique vulgaris dedecor advenio versus aer contra derideo reprehenderit attero. Acidus ullus ipsa facere necessitatibus bonus acervus deleniti convoco. Volva traho caries cunctatio confero stabilis demulceo. Porro ipsam quas repellat admoneo vallum bestia carbo artificiose. Quaerat aqua canto ultio capio caritas conatus stultus cribro tersus. Talio cometes contigo natus modi. Cimentarius testimonium victus claustrum cogo attollo addo fugiat veniam aggredior. Crinis contra accusantium cattus vilicus. Clementia vacuus adfectus benevolentia ater torqueo comis quas apparatus commodo.

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