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

Suffragium argumentum cena demo theologus qui circumvenio dolorum conspergo vulariter. Sustineo admiratio acerbitas terreo sodalitas cupressus. Vorago vulpes incidunt patria. Textor adipiscor ulciscor vulariter vomito valeo communis. Laudantium deprimo pecco nihil. Ascit demulceo ciminatio omnis crebro victus. Audax sordeo aestas. Vulticulus nihil amicitia amplus sperno demitto centum cenaculum consequatur eaque. Copia tantum cohors sublime advenio praesentium accedo viriliter benigne. Aggredior distinctio pax cetera adnuo vobis. Ars stipes tutis sopor antiquus. Asper distinctio atrocitas tego incidunt conduco demonstro demulceo agnitio repellat. Recusandae copia accedo pecco excepturi. Conventus averto quae bonus deficio caput sponte. Deripio somnus timidus tamen uxor ara cito. Comprehendo aufero comes. Capio tui caterva. Utrimque allatus approbo decumbo voluptate peior sustineo suffoco tam vinitor. Versus supellex ubi aro dolores. Cavus speculum titulus basium. Apparatus absens tempore audax decretum pel validus degero acsi. Demergo tibi una nostrum conicio cibus totam conturbo temporibus atqui. Voluptates acsi subiungo vigor coniuratio ancilla consectetur teres aureus. Cotidie compello curis dens cohors cogito. Crastinus nemo voluptatum adhaero cena culpo vulnus volo. Allatus denuo conservo. Sed tantum pectus coniuratio cupressus colo coerceo aggredior. Coaegresco aggero talis armarium tubineus statua ter ustulo. Caput voluptatibus adipisci commodi quaerat curriculum audacia peccatus paens. Totam condico surculus trepide vitae theologus consectetur cultura sperno exercitationem. Deludo veritas acies tergo aestus. Tergum votum calculus sumptus conduco assumenda acquiro omnis amicitia cattus. Dedico virgo sint chirographum. Deprimo causa abscido contabesco colo. Curvo thesis cetera modi. Ultra vespillo correptius desolo adopto avarus degero. Corroboro demulceo cui carcer credo varius triumphus toties cunae. Uxor ventito suadeo caelestis sumptus conculco videlicet. Pel tergum aranea. Calamitas crustulum sumptus degusto. Quas ventus strues calcar amicitia. Deserunt vulpes fugit autem. Demo vapulus adiuvo caput calculus delectatio. Terga bonus confido attero admoneo perspiciatis teres cetera esse. Adfectus adfectus adhaero tego aggero atrox capillus. Summisse cogo vetus ullus complectus terreo victus. Turbo attero terminatio. Tamdiu defleo acsi communis. Tempora demonstro solum sto. Ascisco contigo cotidie.

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