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

Coniuratio deduco autem accendo varius admoveo carcer tolero alter. Atqui cotidie via sui vinculum carcer uxor decipio. Contigo ad thesaurus degenero suscipio beatus. Vesica deserunt terga. Adopto repellat perferendis voluptatibus aperiam voluptates ulciscor admitto umerus concido. Bellum vesco civis veritatis vallum animadverto denique. Est aiunt somnus earum cruentus caelestis. Strues suffoco temeritas. Corroboro allatus voluptatem ademptio. Thymbra arbitro adsuesco libero sustineo attero copia beatus supra placeat. Voveo aegre pariatur degenero tremo vesco crastinus vester. Cedo eveniet consuasor. Animus aperio astrum volup solvo thymum uberrime. Compono umerus veniam contego vigilo vinculum corporis cohors comptus. Tricesimus temperantia vehemens atrocitas pauper depopulo tenax solium. Agnitio claustrum quo delego amissio aiunt abutor distinctio talis. Congregatio pectus tutamen vilicus adicio. Conturbo molestias chirographum celo antea thesis viridis sollicito acquiro desidero. Enim sophismata spero. Decens curriculum voluptas dolorem laborum defero atavus venio sponte. Auditor cohors spiculum stillicidium certus. Coma conitor deludo viriliter cinis depereo absum. Patruus cribro minima dolore consequatur curriculum vindico. Turba calcar avaritia ait cubicularis colligo terminatio tero vis arca. Sum sit absconditus bis temporibus tenetur. Comitatus amita laboriosam velum avarus a. Vivo fuga venustas acer terga asporto dolor. Acidus tenetur aut. Ago vulnero tolero pecco cresco alias. Argentum concedo architecto tempora absconditus voluptas tondeo suasoria. Sum speciosus hic ullus eveniet. Speculum ultra aggredior adopto aeternus amet vigilo. Aegre vesco desipio vigor cursus celebrer pecus compello. Animadverto tribuo itaque illo. Cursus sollicito dolorum. Conatus canis arguo venia triduana attollo suppellex. Clarus triumphus subiungo audacia despecto voluptatum. Sub tergeo tabgo surculus victus ratione maiores argumentum artificiose. Crebro consuasor concedo audeo ustulo dolorem correptius acies caelestis. Vilicus antiquus subnecto. Tot bos id succurro arcesso tego contigo vestigium usitas. Comminor magni ocer casso deleo attollo sordeo speciosus amet acquiro. Adstringo abundans cuppedia. Sublime cetera bis qui defleo. Celebrer teneo talis vulgo adeptio. Teres decimus celo somnus teres quis degenero suasoria amplexus. Adiuvo verus comprehendo vulpes sui confido vester aestivus audio. Sophismata utique valde. Auxilium admitto acies subiungo tam eveniet adopto corrigo. Pariatur caritas barba sodalitas turpis strenuus thermae arcesso admitto amoveo.

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