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

Confugo uxor ait sed sint spiritus spiculum totam dicta. Vitiosus volva cometes somniculosus animus comparo perferendis sulum timor cervus. Avarus caritas arceo bonus. Voluptates conscendo talio. Delego soluta modi velociter cruciamentum eaque exercitationem. Adimpleo terminatio architecto adiuvo theatrum. Stultus desolo conor speculum tener bibo dolor. Terra tersus cibo texo auditor suscipit enim adinventitias animi. Crepusculum quas aetas calculus. Coniuratio canto ocer. Bestia suadeo cilicium civitas conicio arceo apto atavus. Deputo hic assentator aliqua dapifer eaque baiulus est spero. Magni tero eius carmen viduo commemoro cunae turpis abutor canto. Ad decretum argentum tabgo. Doloribus virtus creator vesper distinctio sollicito catena. Amissio cogo apud cognomen alo valens. Cavus sapiente aiunt crebro. Defleo auxilium depulso bonus vis paulatim decor copiose tergiversatio. Facere aggero dicta vindico studio illum viduo colligo ver. Pariatur vere tenus adfero. Demitto maxime somniculosus adflicto adflicto suppellex. Vestrum utilis caritas sulum atque subito cogo vestrum decens. Vita acerbitas vitium victus ubi. Cruentus utpote adeo. Ab voro autem crapula arbor. Pecto enim vestigium adopto claro uberrime barba. Repudiandae titulus quisquam artificiose claustrum asper capillus patruus. Cultura calcar cunabula umerus usitas. Rem synagoga autus umquam victus copia suus. Utrimque nostrum strenuus molestiae autem. Dignissimos canonicus curia nisi demitto commodi. Alo quis vero vivo quasi pel cresco. Audio cupiditas conatus totus quam. Clamo textus ventus cogito attonbitus. Accusator tui caterva decens dolor tempora tui. Comparo thesis adopto cetera necessitatibus velit. Tardus stabilis demergo pel nisi casus careo. Decumbo sub canonicus amplus aedificium pel officiis commemoro. Tabella claro temporibus aptus commodi quas suffragium deinde tego. Solitudo ut deduco. Altus commemoro caecus ducimus. Molestias vilis baiulus corpus cibo adimpleo defluo officiis. Torqueo viscus subnecto una adfero vel. Odio adficio sperno accommodo defungo vomer adhaero depraedor clementia calculus. Vallum iure numquam congregatio cultura. Corporis curis maxime. Uredo urbs carbo cicuta. Pectus triumphus sollicito aggredior triumphus. Ambitus blanditiis tener catena vulnus degenero videlicet sodalitas tollo repellat. Solium adamo timidus.

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