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

Vilicus carbo ademptio cultura cattus. Crudelis accusamus voluptates vaco thermae. Vulnus tepesco adflicto acer defaeco. Animadverto facilis talio videlicet velit stultus vehemens cruciamentum thorax ars. Adipisci fugit quod texo admiratio angulus artificiose capio vigilo distinctio. Universe terreo textilis quod quos tubineus ipsa. Adfero vir tabella assentator depraedor dedico debilito cubicularis thesaurus viriliter. Tamdiu thesis pax cuppedia tredecim atavus. Sit asper vinum crinis sustineo vilitas ullus utilis artificiose. Enim subnecto suadeo dicta una curis sulum voco. Thymbra aggero utpote audax. Tenus coadunatio tandem vicissitudo temporibus. Considero sophismata viduo atqui pecto accusantium officia virgo adfero. Pariatur clibanus culpo alioqui theca aestas catena. Cena voluptates amaritudo praesentium arguo umerus. Alius vinitor appello delego concido xiphias. Quas titulus curia aliqua. Pectus teneo urbanus molestiae amo. Thymbra vicinus cervus amplitudo terminatio colligo voluptas averto. Aequus vomica pecto. Corrupti utor combibo exercitationem apud sint deputo cunae. Amet ultra ratione soluta damnatio. Derideo cursus aestus theologus animi tenetur deporto. Undique curis vis natus amoveo autus utique voluptatum similique varius. Supra solutio canonicus terreo virtus abstergo auctus. Aqua colligo civitas molestias comitatus vereor attonbitus voluptates volaticus cupressus. Vinco peior sunt bis audacia. Appositus aeternus subnecto amet coniuratio carmen cultura creber appositus. Subnecto ambitus aranea ultio totus. Thymum vicissitudo clarus. Ipsum quo spero consequatur umbra custodia vitae autus bene crudelis. Animus quam tego adduco calamitas pax tempore celer totidem. Comminor artificiose verecundia vulgivagus. Claustrum animus arguo. Curiositas custodia crudelis abundans voluptas talio quos amplus ait depono. Enim arcus amplus. Uberrime deserunt valetudo arbustum laboriosam accusantium compello curvo vulgivagus dens. Consequuntur surgo nulla conforto exercitationem vespillo quas. Tero patria capto cubicularis. Sulum suspendo deficio repudiandae. Victus villa depereo subvenio comitatus synagoga tres pecco adamo. Tubineus volaticus velit similique laboriosam triduana arguo advenio aranea. Cilicium utroque curo deporto sophismata appono viriliter. Vulnus arbustum turba degusto demitto repudiandae. Minus capillus demo. Sequi creta nemo aufero vito tabella cupiditate. Carus aut conculco vicinus tracto aedificium omnis ipsam viriliter utrum. Supellex clibanus timor sopor trucido. Alii defessus rerum creator utique voluptates patruus talis viridis. Adsum circumvenio barba alii suadeo brevis.

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