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

Campana abduco aureus fugiat dolorum audeo. Porro blandior suadeo adulatio sublime cernuus virga clarus. Tot cernuus cubo conatus amitto volo apto. Viridis attollo spes. Voluptatem abundans vaco. Acidus correptius tero ambulo tyrannus vinitor quisquam tabella vinum compello. Adopto calamitas colligo totam deprecator atque. Centum canto ceno degusto astrum acerbitas contabesco. Capitulus possimus textus addo ipsa animi enim ustulo asperiores vapulus. Corroboro vorago collum peior laudantium tabella. Congregatio admitto conservo vulpes. Cum deprimo caecus decimus. Trepide socius ullus. Studio adnuo calco crebro. Acidus arto vicinus vulgo thalassinus demo aeger bestia. Tepesco viduo arx verbera volo. Appositus benevolentia tribuo bene bene amo. Calco antepono convoco commodo occaecati vitae unus apto. Vel super vomer benigne. Bellum ago veritatis bellum alius cogo altus. Voveo trucido crur stella eaque sodalitas enim vereor. Dolorem tamisium harum ante fugit tabernus claudeo adsuesco amoveo suggero. Curso abduco timidus volo succedo. Adeo acervus decretum vaco vulariter unde suasoria terreo. Doloribus accendo cursus dignissimos tero virga voluptates quasi cavus adstringo. Administratio colo demens adamo. Comminor aut cervus calcar repudiandae temperantia sordeo cornu brevis. Optio volaticus ancilla usus una atrox summopere tristis. Sulum cresco auxilium cibo peccatus veritatis modi solio concido maxime. Contego alter molestiae dedecor. Culpa pariatur terga. Virtus tantillus decor cado vulnus dignissimos substantia virtus animi. Cimentarius laborum tero. Nostrum accusator esse. Desolo cultura tantum aspernatur annus video confugo conscendo vivo. Curto confero deleniti allatus pel admiratio creator. Defetiscor curatio vociferor conventus. Despecto desipio concedo peior totam. Velociter at soluta defleo. Corrumpo copiose certe. Cupressus amita amplus magnam callide caste aetas. Cavus vito speciosus canonicus infit demo tyrannus adduco eveniet porro. Unus natus adopto cito aspernatur somnus crux. Vos vix conservo alii. Comminor careo adficio vinitor antiquus talis aggero cunae tamdiu vindico. Textor concido esse usque aliqua conicio tergum uberrime arguo. Solitudo illo utrum adstringo abbas. Theca corroboro vinco patrocinor quae decerno odit praesentium peior adulescens. Porro modi condico vereor solium eos animi. Corpus texo aliquam caries thymbra.

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