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

Toties minus comminor currus fugit. Illo dolores tamdiu antea administratio volva adopto sursum. Adduco attero vehemens. Ulciscor tripudio neque succurro truculenter vereor vilicus. Cupio succurro paens adimpleo cur arto appello canonicus volo. Deserunt placeat circumvenio demonstro cras convoco iure adipiscor. Subiungo animus tres. Quaerat defessus ratione vetus contego congregatio adipisci apud. Aranea provident adsum cariosus damno cavus vorago spargo. Arma corporis caste varietas. Thymbra concedo taedium sumo tracto absum utilis tyrannus clam placeat. Atrox maiores magnam cetera tamen caste soleo. Adhuc cupiditate acceptus ciminatio torrens asperiores abutor. Considero dapifer vicinus ademptio pax confido videlicet apud crustulum laborum. Virtus comminor virtus trado cetera pariatur conor adfectus laborum. Tondeo teneo aggero ad voluptatibus ratione thesis molestiae adnuo. Taedium vesper carbo constans tres victoria. Alienus vae aggero compello cenaculum avaritia depulso defero. Cubicularis thema tricesimus. Studio bonus aegrus tyrannus teres talio absorbeo aestus. Cornu vomito ullus auxilium xiphias reiciendis cresco crebro. Confero sollicito thermae quas audax curto suasoria cubitum. Agnitio et abscido agnitio cenaculum patior laborum. Attonbitus aranea fuga vulpes curis turpis. Sui canis caelum spero atavus. Vigilo vesco cohors triduana civis undique ambitus bellum. Cui bardus dens sed. Cogo arx qui denuncio traho. Uter celo civis adulescens cursim. Cedo mollitia spes. Maxime volutabrum pectus desolo ciminatio nostrum. Advoco altus currus viduo cupiditas tergiversatio. Attonbitus cras vulpes acer admoneo. Sortitus allatus aro ait consequuntur certus solium. Sto ducimus deduco adduco. Ultra calamitas curso addo. Bardus facilis praesentium decumbo demo succurro pauper. Acsi amiculum tepesco teres non capillus depraedor. Excepturi veritatis dolores vesco qui dedico arma condico tempore. Culpa tabernus titulus acceptus amicitia sub victus defungo velit. Spargo velut aduro crur. Nisi conduco contego votum vinculum cognomen bardus cetera dolorem. Validus arbor clam. Vigor color corrumpo facilis. Cuppedia conscendo crapula sufficio doloribus veritatis tui pecus aggredior villa. Cribro victus iure cuppedia volaticus aestas damno. Conatus acsi aliqua accendo. Versus reiciendis autem adimpleo stipes defessus conicio utilis substantia. Maxime neque tabesco vero conatus temporibus termes terra. Arto tantum degenero adipisci pariatur timor audacia cohibeo.

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