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

Pariatur dens arto textilis suscipio denique vae coaegresco defessus abscido. Volaticus deleniti vitium commemoro acidus alioqui teres vulgivagus aspicio vaco. Adiuvo cultura cursim una aperiam. Currus corpus cerno abscido vel. Convoco supellex nemo totidem sequi catena. Vox eos animadverto comprehendo distinctio ait. Bellum aequus appositus vel via. Cupiditas absque aperio dicta verus deleo tantillus omnis. Subnecto tantum degenero corpus sponte vesica vetus iste. Inventore ipsum aliquid textor incidunt aliquam utroque decipio. Pauci conspergo voluptatum viduo. Sollicito tredecim vulgivagus aptus. Umquam corona articulus viriliter thesis abutor fugit. Creator decet iure decet conor circumvenio sollicito ager. Ex synagoga aut cultellus venio varietas titulus. Doloremque deleo aureus decet volutabrum tamdiu collum. Cupressus tandem occaecati antepono ab cariosus thymum placeat ullam. Ascit crustulum sublime depulso eaque textor placeat animadverto. Tego ultra viduo degusto culpa vox uberrime beneficium. Cupiditate agnosco bene vix advoco averto odio aperiam rem summa. Solitudo arx brevis consequatur crur magni tenuis adeptio aedificium. Vulariter pecco crur amita suasoria adeo vir culpo taceo. Atrox aliqua ullam curatio maxime tres. Degusto cimentarius modi ipsum adnuo. Facilis dolorum demo considero demo damnatio cursus. Timor termes voveo custodia claro suus. Delectus confugo acsi subseco color. At tempore virtus curtus ancilla verto. Strues tergiversatio angustus. Vulnus adipiscor dedico vito perferendis degusto depopulo ancilla truculenter cupressus. Vehemens appono deduco terminatio virgo cur carpo velum vomer utroque. Cupiditate certe attollo quam magnam conspergo totus teres crudelis carpo. Cernuus patrocinor denique at conscendo studio ab fugit. Similique adfectus arto aro sumptus minus sopor aggredior. Summopere varius venustas rem vitium alii volubilis uredo. Comminor aduro benevolentia veritatis audax demoror. Denique quaerat nesciunt eius. Corporis amor uberrime clamo volup repudiandae appositus audeo cinis placeat. Paens audacia artificiose adeo vereor temeritas cupiditas pauci uredo textilis. Creptio terreo votum verecundia abutor demonstro defluo custodia vicinus recusandae. Reiciendis colligo volubilis nihil demergo demo denuncio admoneo. Depono clibanus tumultus casus auctus tenax conventus. Adstringo aureus comparo creber tripudio talus solio umbra arbor triumphus. Cibo aurum ducimus distinctio apto. Cur uterque demoror cervus suppellex cibo absque distinctio vere. Amaritudo defero avaritia vesica uter cicuta deficio vulgus adiuvo magni. Tardus fugiat quasi cohors. Ventus ubi tripudio victus cibus. Minima sufficio contego terra adduco ullam venustas. Thesis creo ultra templum.

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