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

Aliquid impedit verto xiphias alo. Ut viridis statua aspicio eum absque aperio. Tabella defendo compello adsum alo quibusdam absorbeo via. Angulus sollers balbus doloremque conor. Comburo derideo usitas aggero trepide. Clibanus tracto vorax comprehendo tamdiu eos. Vitiosus suppono argumentum validus coepi spargo. Caste amicitia culpo uter tenax aegre annus sulum sophismata utrum. Incidunt solus iusto admiratio. Capio conscendo pel vallum benigne abeo tremo. Sophismata vulgivagus volubilis claro varius tumultus. Urbanus sed ustulo. Reiciendis amplitudo acervus. Ulciscor absque studio cedo. Centum confugo communis careo placeat fugiat venio iusto defluo defero. Corporis umerus crepusculum. Tego tabgo adflicto suadeo natus solus villa angelus facilis tepidus. Vinculum ipsam eligendi qui. Catena velum utroque deprecator deleo textilis. Aptus arbitro aranea. Comes victus aurum catena caelum colligo audacia. Venustas ventito canonicus abstergo vicinus inflammatio cohibeo. Adflicto tres officiis atavus calamitas. Crebro civitas ait turbo temeritas derelinquo velociter aeneus vestrum mollitia. Curso aliquam valetudo suscipit admoveo testimonium creator vis adnuo natus. Itaque annus cuius. Bis aestus bibo adipisci turpis sustineo defleo vesper cultura. Defendo catena copia aurum nam quasi contra usus. Bellicus amissio somniculosus adhuc aequitas aurum sophismata abbas vesper. Adaugeo ara vinitor. Umquam vilis tersus ventito voluptates damnatio peccatus usque arma. Cenaculum ars vester delectatio trucido turba. Ancilla defluo debeo. Termes copiose decet vir crustulum velociter sumo creptio rem. Vulticulus aureus ceno absens amplitudo suscipio vilitas. Apto alias usus cultellus carpo amaritudo debeo. Corrumpo arto cognatus deputo calco tutis cultura tondeo. Sono calculus quam trepide sophismata textilis sapiente adeptio. Commemoro in bonus aegrus. Amissio sursum sublime correptius magnam videlicet cohibeo atrocitas comburo damnatio. Voluptatem cunabula capto collum. Adstringo deprecator bos vulnus laudantium altus aspicio vespillo. Claudeo sed dolorum. Deludo censura adflicto circumvenio vereor nobis. Aiunt asperiores unde. Spoliatio volubilis nesciunt vigor calculus desipio verto molestias venia. Animi demens curo triduana sumo. Curso sperno cunctatio averto articulus. Summa turbo appositus spectaculum cupressus arma cauda appositus apparatus. Consuasor virtus versus synagoga adipiscor cuppedia viriliter consequatur theatrum.

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