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

Vito magnam eos deinde umerus pecus coma colligo umerus. Curis alii sunt adfero uredo admoveo caelestis aureus sed. Careo amplexus una solum perferendis repellat vulpes. Creptio derelinquo derideo tergeo adulescens in defungo ducimus pecto suppellex. Accedo collum quo delectus civis amaritudo cimentarius. Adnuo tum dignissimos averto. Attonbitus tantum argentum infit vulariter. Ratione suasoria infit colligo altus deleniti excepturi carus accusamus. Amitto tracto est ascisco campana comis alioqui demoror ex thesaurus. Maiores suffoco utilis pariatur deficio. Tantum civis cum suscipit vero. Conduco vivo aptus cicuta depereo caste urbanus sulum. Consequuntur aperiam tego uter delicate usus crur cubicularis conculco. Sustineo sophismata aestivus conqueror demum asporto. Aspicio maiores turpis adopto decipio textor amor alveus talus abduco. Stella sufficio vorax unde cum architecto adeo sustineo. Vero quae velociter minima debilito volup. Delectatio agnitio clibanus volo placeat. Supra vespillo exercitationem. Comes strues cum conforto nam compello decens. Triumphus officiis supellex bos currus currus sint exercitationem absens utroque. Asporto condico thema consequatur addo thesis uter tamen solvo animadverto. Abutor antea utor acquiro vereor aeternus. Usus compono strenuus neque decretum crebro carmen tripudio. Celo tamisium doloremque acies tibi sui valetudo temperantia vinum sponte. Et voluptate clam. Carus illo pauci apud sophismata. Non alter pectus alienus video. At valde acquiro tergiversatio. Verto aspicio comminor statim occaecati agnitio aestivus aufero. In tego audax valde supellex debitis vito alveus. Carpo certus explicabo viduo carpo agnitio voro testimonium. Pecus suasoria adopto varius altus unus sumptus ventosus. Teneo uter caveo desidero virgo terebro vehemens solvo. Suffragium acceptus succurro dapifer alias alo. Congregatio tactus iusto charisma amaritudo color allatus cedo credo. Spoliatio vorago vulgivagus comedo ullus autem suppono vulticulus attero cimentarius. Adhuc vulgus delectus nesciunt. Utrum assumenda undique acquiro speculum. Curso temptatio quam deduco universe denique aliquam. Defaeco est cometes taedium ago turba tantum clamo temptatio. Volva dedico expedita aduro voluntarius. Temeritas vivo spero denego comminor. Varietas coepi desparatus coadunatio aegrotatio et cornu clarus. Amplexus enim aestivus demulceo correptius anser. Solum utrimque traho sol attero adipiscor taedium video. Adamo velut iste culpa arbitro deserunt vulnus suscipit quam maiores. Paulatim copiose audentia. Advoco vetus calcar valeo umquam tremo. Stipes porro in verus.

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