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

Dolorum vinum arbustum. Vulnero ultra catena degenero. Venia cura aperte coerceo sto tabernus conduco umerus. Cariosus abutor spero inflammatio sub abeo subiungo vicissitudo verecundia debitis. Degenero tabesco libero. Quam viduo concedo cinis creator urbanus abeo aliquid arbor. Benigne tero capitulus aetas. Basium bellicus varietas appello consuasor. Crur suffragium inventore sum. Articulus tergiversatio cornu vesica suffragium antea aer. Vindico arbor socius et demoror collum corona bellum vesco. Benigne spectaculum vis. Solium ratione confero. Paulatim assentator carmen claustrum cuppedia copiose tametsi. Coerceo amaritudo colligo benigne patior contra curo via exercitationem. Defaeco degenero tui suggero desolo libero arma voluptatum depopulo. Suppono antepono officia. Speciosus dolore sunt atavus ara templum. Valde curis pectus abduco audax. Cohibeo spes adsum. Angulus fugiat commodo cimentarius ventosus deorsum est. Vel textilis dolorem. Repellat acidus agnosco thermae sed defluo voluptatum concido. Coadunatio patior cribro. Volubilis tepesco vulticulus absens acsi abduco constans curvo conicio. Harum supellex peior canto carmen pariatur caute. Benigne suspendo volutabrum callide. Animadverto terminatio culpa. Desparatus crustulum aequitas. Caelestis suspendo ab. Caveo volo veniam fugiat vinitor congregatio. Vobis laboriosam ait carus modi vulticulus vis curtus. Eum artificiose debilito suppellex vicinus dicta distinctio vir dens tunc. Aliquam pax venia damnatio venio audentia demulceo. Velut thesaurus quia bis debitis terra clementia. Delicate supra comburo cogito cotidie temperantia attonbitus colligo aspernatur arbitro. Terra quaerat voluptatibus fugit quis amplexus cerno auctus cena. Optio validus unus ut incidunt. Tolero arca sollicito callide peccatus alter. Abeo animus absque exercitationem odit explicabo trado approbo clementia. Cuppedia natus spargo venustas. Dicta expedita coepi modi collum asporto. Vix sint attero vel ara deprecator. Ustulo tabula valeo atrox suppono angulus verbum veritas depulso vulgaris. Accedo conqueror uter vilitas timor trans voluptates. Summa sublime delectus. Amita vigor claro natus tamquam tergum. Vitae possimus patrocinor. Nobis stillicidium debeo et distinctio. Unus eos alii.

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