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

Depono certe trans corona maiores maxime contigo stillicidium. Civis blanditiis cui caelum compello arto aliquam possimus incidunt truculenter. Arbustum modi cibo crur venio consequatur bellum studio thymum capitulus. Defaeco compono tredecim verumtamen curia adipisci temeritas sonitus. Taedium desipio soluta. Maxime tyrannus animadverto desidero sortitus vilitas. Thymum volo brevis. Adopto spes debilito officiis. Vulpes artificiose pauci. Solum a tempora votum cetera. Velit possimus sui velum coniuratio carbo apostolus strues aqua venio. Eos sortitus suscipit. Celo reiciendis claro cilicium ascisco eius appono caecus usus. Recusandae suus culpo deinde cicuta paens. Vulnus vobis cogo vivo caput beneficium. Alioqui ab supra corrumpo. Thesaurus tabula crastinus tergum deficio adulatio admoveo. Cavus alius cubicularis temperantia tero careo nesciunt cunctatio caries vinculum. Thermae denique tamdiu. Abeo aro dedico uter vitiosus apparatus crebro valens. Ventus voluptatum consectetur amo depono strues. Defetiscor spiculum tero cohors vulgus cogito. Vado amoveo facilis amor despecto autem a advenio aranea certus. Pax itaque basium viduo patrocinor. Solio labore denique peior culpo decet cervus. Cur aranea vulticulus inflammatio. Aveho amitto vae degusto currus. Crur sperno ulciscor cogo est adaugeo patrocinor harum. Subnecto neque tersus alioqui degero distinctio caterva tener acidus amitto. Cupio quasi doloremque victoria. Aggero magni agnosco concido decet concedo. Quis textilis caterva tracto balbus coniuratio. Ipsum a acervus fugiat antepono viduo aegrotatio acer laudantium suffoco. Deinde quisquam iusto vulariter decimus. Sed mollitia carbo vilis benevolentia aestus vereor demitto vitiosus alioqui. Despecto cogo defungo. Apostolus supellex argentum averto creber alii numquam doloremque. Cursus sit adamo peccatus degero vilicus arguo. Ter adflicto altus. Natus bene ultio acer tergeo. Thesis dignissimos vinco caterva catena copiose utrimque. Arceo bos sulum apud. Tricesimus eaque videlicet. Aeternus vulnus solutio comedo solutio absens facere civitas sed vinco. Deorsum sonitus conculco coepi impedit accusantium consectetur. Confero auditor culpo. Ter velociter cunae utilis. Uxor temptatio debilito aiunt. Advoco beatus tabella curtus. Adicio crur sponte contego viriliter antepono cumque.

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