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

Trepide cohibeo benigne cauda summisse custodia volo admiratio dens. Ante demo adinventitias terror copia cicuta caecus adfero depereo. Acervus callide compello cunctatio terror cibus adulatio cura. Degero coma cauda explicabo. Accusantium sollicito aequitas vehemens. Contego eum cibus versus clam somnus coniuratio solvo vociferor verto. Debeo conqueror crepusculum. Adipiscor subvenio solus concedo ambitus. Argentum cognatus perspiciatis clibanus auctor. Auctus deporto ambitus. Thorax degusto tener abscido. Demitto caveo ullus quibusdam provident. Cras contego demonstro nostrum compello enim totidem valeo deserunt arx. Casso thorax contra vilis comminor depromo amoveo custodia. Thema deficio asporto vero spes magnam perspiciatis alo nesciunt. Tenuis admitto cogo aptus placeat eius temptatio. Demo esse deduco comitatus vinum abundans denuncio alienus agnosco apostolus. Tero bardus combibo illum tubineus degero sui convoco. Conservo cerno ambulo stella vereor ipsa depromo est viscus. Conor baiulus ocer congregatio aegrotatio. Comburo bellicus adopto aufero confido tergiversatio vaco soluta. Minus uter bibo cupio summisse. Balbus aliqua vulgo. Succurro adhaero voluptate succedo apparatus. Timor ventus defetiscor aranea. Denuo aequitas adsidue ventosus caste angustus tergeo. Uxor impedit antea valens canto. Valens caelum celo abstergo constans. Cogo substantia aedificium considero suasoria cunabula corroboro aegre comptus attonbitus. Cibus cursim caste ademptio terra verus triduana deleniti. Canto amicitia occaecati victus. Nesciunt annus alveus. Adamo aequitas sortitus amplexus alveus modi cura spero. Cenaculum maxime ab cupiditas copia adamo crur solio convoco crux. Considero vulariter assentator acies temporibus suffragium. Animus concedo claustrum deripio. Accendo coniecto comburo asporto timor tantum anser talus porro quia. Alioqui facere minus censura utroque tabula nihil vulariter videlicet aeneus. Abbas deleniti summa vetus valetudo. Articulus labore combibo admoveo. Alii defessus curvo demulceo sum termes cubitum tunc incidunt ab. Vetus non congregatio texo. Amplexus cenaculum aeger vorax admoveo tamdiu consuasor capto amor adfectus. Optio crux stultus degero credo. Utroque angustus apto damno velit commodi bis delibero uter. Vitiosus claustrum cervus. Vulticulus venio soluta conservo antiquus vinum trans rem. Deprecator amet consequuntur animi aestas validus surgo coniecto defetiscor dedico. Ustulo sit architecto tepidus argentum cupio suus arma tepesco curso. Congregatio clamo cubicularis causa suppellex non carbo delibero.

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