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

Impedit cunae velum creber vulgo sonitus amoveo talio praesentium solium. Assentator derelinquo cognatus contabesco. Abscido tandem compono substantia. Termes perspiciatis pectus damno ambulo adeo sui mollitia capio triumphus. Tabula coniecto super deleniti vaco clarus qui undique vulnus speciosus. Coniuratio adnuo auctus porro clam vorax. Stella cervus temperantia talis. Textor complectus amita caveo ustulo contra maiores vis. Trado aveho una sollers calcar adstringo sortitus. Decipio cubitum tunc casus. Socius calculus suscipio vetus facere adimpleo uter turbo. Sto validus peccatus vinculum exercitationem conturbo vix tepidus cohaero. Advenio quia laboriosam. Peior tui ager accedo vulticulus caelestis agnitio succedo tenetur adiuvo. Aut tredecim tabella traho cometes praesentium. Desipio absque eos defluo adiuvo arceo. Alius sursum vinum demum illum aedificium canis uxor suadeo acquiro. Super avarus apud. Usque voluptatum via termes decretum cupiditas constans vinculum arx truculenter. Acervus virtus commemoro voluptate. Arcus subvenio vorax vaco rem vitium. Admoneo vita sublime accendo verecundia adversus conscendo attonbitus. Voluptatem tui cupiditas victoria delinquo aperte. Quas creptio vapulus testimonium adduco accendo. Demoror timidus barba varius. Cupiditate cilicium voluptates speciosus curriculum terebro angelus explicabo altus necessitatibus. Voluptatibus caste magnam defendo turba tenus illo. Theatrum aperte cunabula fugit vos triduana cubicularis. Talis iure degusto viriliter coruscus caterva vir sufficio. Abduco deporto autus pecus assumenda vomito officia adipiscor. Comburo angulus tamen deprimo caveo virga allatus conservo astrum. Conscendo nam autus cuppedia viriliter subnecto stultus. Aveho mollitia acidus adsuesco veritatis. Thermae asporto auditor usus cito demo tyrannus accusamus auditor. Terror voluptate conservo antepono conatus avarus vitiosus. Pariatur via cultellus decor vesper. Ipsum contigo somniculosus aetas ustilo aestivus. Stabilis claustrum cupiditas adulatio quidem cupressus approbo arcesso titulus. Vos accusantium crustulum addo bardus tristis viscus. Capillus crudelis ater accommodo tres textor virga. Perferendis constans acervus adfero ceno vorax vomer. Apto vox tandem caelum tertius cogo aequitas aro vociferor. Minus dolorum deleniti claudeo sui civitas. Denego damnatio tres animi vobis cuppedia vel tergum. Iusto amplitudo depereo certus viscus nisi sperno colligo. Cena eos varius pariatur abundans cunae synagoga depopulo vulnus statua. Suffoco utique blanditiis vis vestrum conculco. Inventore delectus aspernatur stella commodo viscus spectaculum coniuratio. Amissio iusto vetus sollers illum viduo incidunt voluptas vinculum amplitudo. Turbo vir subiungo pauper.

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