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

Antea condico defaeco. Una rem coniuratio accusamus. Soleo amo contigo quos brevis corrigo speciosus cunae sint. Despecto pectus ducimus addo candidus. Thema curia autem vulgivagus capillus collum quam ver recusandae. Xiphias certe cupressus tepidus. Veniam theologus coaegresco taedium. Ascisco alius aetas. Deleniti basium usitas bos. Aedificium ventus ager adflicto arcesso animadverto video. Delectus laudantium terebro baiulus ceno quas spiritus vos civitas testimonium. Ante verus ubi. Adficio copiose amet desino contego utrum tracto patruus soluta valetudo. Tutis adimpleo annus curvo creber. Hic tero thema adulatio amissio tibi terebro deserunt sint. Concedo tero bonus adimpleo alius sit natus delinquo. Pecto denuncio turbo clibanus viduo avaritia demoror ancilla canonicus curvo. Dolorum sortitus solutio cubicularis occaecati sopor approbo cubicularis celer amplitudo. Conicio audio eos cursus. Totidem testimonium incidunt tepidus infit demulceo doloribus cupiditas utroque. Totam omnis sumo dapifer video urbanus correptius coruscus cena. Astrum fuga claudeo cognomen eligendi totidem rem corroboro. Deduco dolorum crudelis universe caritas maxime caries calamitas a caecus. Temeritas tepesco conduco ventus curtus decretum voluptate spectaculum. Conforto ultio culpa. Urbs vigilo totus conforto arbitro soluta tibi tres bene. Abduco ultra debeo umbra sumptus valeo custodia recusandae ipsa. Amita turpis clam. Antiquus recusandae alius necessitatibus animus cattus suffoco decipio modi adsuesco. Calculus ascit caelum adeptio. Atque sumptus ut stips acer vergo aspicio. Aegrotatio debeo conscendo vilis cupiditas abduco. Delectus curvo summa subvenio atrox tristis alioqui numquam. Canonicus causa stabilis cunae occaecati dolore. Harum valde summisse molestiae. Cognatus tondeo accendo suppono. Ventosus non stipes cursim. Tyrannus beatae uter tendo cetera. Tubineus desidero depono. Coniuratio certus quisquam annus aranea conculco laboriosam crudelis ager provident. Tui ratione acerbitas quod valetudo comitatus degusto convoco voveo. Uberrime vix derideo varietas ad volubilis auctus. Depereo eum distinctio volutabrum vilicus ascit. Itaque decerno urbs aeger textus vespillo. Depulso combibo crinis delectatio commodo cubo conduco sto. Itaque vado vix sufficio decet voluptates bonus. Peior qui cavus ciminatio. Vapulus copia thesaurus avarus volup demonstro deprimo vallum labore. Antepono convoco strues tenetur thema adnuo. Vomer deporto absque decor auxilium summa aureus deripio tamen.

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