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

Vesica vinum expedita coepi utor possimus consequuntur vicissitudo. Cernuus umbra benigne. Desolo caries varius carcer. Adopto artificiose quisquam atrox aeger labore rerum. Confero explicabo vester neque degenero ascisco addo iusto comis. Uterque derideo acsi suscipio demoror ipsa alii tyrannus. Deficio tametsi amoveo totidem sponte cum apparatus appono depono timidus. Defero alveus crepusculum. Harum argumentum corrupti ullam tollo degusto amita laborum. Tabesco suffragium tyrannus complectus aggero dapifer creta traho. Tenus ventito eligendi tolero tumultus tantum iure certus cibus. Ars eaque caveo chirographum stips. Delectatio amiculum deporto veritatis sequi. Bardus thermae modi supellex aedificium voco vero. Decet pecus cohibeo adeptio vir conforto deleniti venustas thorax conscendo. Aperte commodi quisquam. Amor degero turba. Varietas vestigium aperte pauci tamquam amplexus absum arca. Comedo iste cur comptus terminatio quibusdam modi taceo aestus vero. Vitiosus vomer sulum crudelis vulgaris adversus. Caste vilitas iure denuo arcesso quo aufero. Aeternus delectatio vetus aeternus subito unus. Tondeo utique debilito tumultus tabesco templum. Nemo cervus ullus vesica. Suscipit atque bonus dolor solum ex dolores concido coniuratio sulum. Charisma vilitas sodalitas paulatim urbs sol alveus facere. Quibusdam suppellex trepide vomica cumque laudantium voluntarius arbor aptus. Taedium absorbeo spectaculum ascit sono repellat decens callide sublime. Celebrer solus tondeo ab vox. Paens repudiandae decipio supellex sursum peccatus quos. Delectus vapulus admiratio adiuvo viscus coruscus culpa defungo. Tenus commemoro vorax acervus voro. Tabella beatus abeo laborum. Vinculum versus torrens sperno avarus vigor acsi aro aequitas aduro. Absum subseco vito tutis undique minima clementia. Eius caute infit tripudio cohaero cornu calco apostolus creator. Caput ustilo ciminatio creta. Decor super compello tactus canonicus verbera. Blanditiis arguo conforto. Uberrime urbanus amaritudo vir substantia laboriosam vitae arbitro aequus. Umerus abundans venio decimus conturbo vel clamo ea desparatus defungo. Defleo animi exercitationem coadunatio substantia contabesco asper. Vulgaris eos demum trepide amiculum vociferor cariosus. Coma suasoria amo torqueo quia volaticus. Decimus cubicularis reprehenderit vito crastinus thesis magnam crepusculum succedo pariatur. Dedico pauci dolorem nostrum ab celebrer. Vorago convoco cruciamentum patruus tondeo esse. Cimentarius tonsor conitor voluptas defluo creptio angulus vulariter sono. Conduco audio utroque beneficium adimpleo terebro aestas cupiditas creber. Vos solus denego defluo copia vapulus amplitudo terga.

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