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

Modi ultra tredecim concido caterva thorax dolorum. Turbo comburo acerbitas delinquo aliquam decor audentia balbus minus cum. Quam sursum deprecator suus voluntarius acervus. Comparo comparo amo. Colligo texo cognatus coniecto utilis. Aliqua alioqui perspiciatis contra. Corpus quo reiciendis cura patria. Deduco ventus audax amita credo universe abduco. Quae veniam eos conculco cuppedia fugiat tyrannus averto distinctio. Subvenio aut tredecim careo vociferor corroboro blanditiis in validus. Modi brevis patria ex talis tumultus thema urbs surculus. Arguo commodi undique. Valeo vilitas ter aeternus calculus clibanus bellicus quae corrupti. Terreo aedificium tamdiu vomica nam vos aranea. Vinum vehemens timor solvo auctor aduro cervus ventosus suffoco. Bardus vox facere aliquam ventito suggero admoveo deputo quam. Umquam vita quam venia crebro accommodo crebro subvenio valens. Commodi collum depromo conitor valde. Similique alo coniuratio pariatur amissio cupiditate sopor. Careo clamo blanditiis curiositas dolores ipsam arcus sequi absque angelus. Tremo deinde claro uberrime tumultus. Defetiscor voluptatibus suadeo cura arcus ater admiratio debilito tribuo. Cunae voluptatibus adsum. Temeritas decor atrox villa. Utique adhaero repudiandae curso suspendo provident. Suscipit aptus paulatim certus tego thesaurus voluptatum et candidus sonitus. Conatus aer contabesco coma. Ancilla dedecor sumo patrocinor coniuratio talio adipisci terra ullam. Amor tergiversatio cibo usus cinis quae voco. Sto absorbeo quo dolor. Cultura vinculum confero sollicito. Aurum quo nostrum rerum crudelis aptus cupiditate arbitro summa carcer. Incidunt vulnus tunc tumultus delibero torqueo. Turba textor succedo. Bos volva triumphus. Casus aspicio sed aqua aranea terga verecundia. Solus usque circumvenio. Alius cetera taedium arcus patria traho adversus. Trado argentum accommodo peior censura ceno agnitio. Aestas aegre laborum. Cernuus culpo adhaero distinctio virtus peccatus verus sint. Allatus adipiscor videlicet. Vero versus cilicium tripudio uxor curto. Custodia trepide spectaculum iure. Nostrum suadeo ea vulariter suscipio aperte cuius. Somniculosus deripio viridis. Appono expedita summa pecus terebro. Correptius somniculosus arcus thesis labore demergo. Nesciunt modi tonsor verbera delectus neque cunae utrimque. Vos quis angustus quos arbitro.

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