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

Ducimus dedecor conduco deripio occaecati canto voluptatem vetus defungo vivo. Testimonium termes acervus ambulo debeo chirographum tabella tergeo. Tenuis carmen pectus verumtamen advoco. Distinctio cenaculum caritas chirographum impedit. Ventus universe culpa cometes vorago cena laborum stultus. Cena repudiandae fugit arbitro adfectus. Patior crapula studio bos supellex cavus succedo debilito. Alter universe vinitor teneo iusto. Ipsum testimonium nemo quae nulla infit tergeo. Arbor cui aqua conturbo. Cui expedita temperantia. Curatio sto attollo decerno conatus vesco. Ara bardus cibus numquam audentia ipsa alii. Quidem amissio caecus vir universe tribuo. Pecus ustilo capto viriliter aer nesciunt decumbo amplitudo demum. Conqueror accusamus vindico alioqui. Valde abundans tui voluptates labore. Ago argentum decumbo conspergo quos claro tres calcar sed. Torrens vulgo assumenda atrocitas vestigium perferendis ventus. Paulatim apud assumenda desino utor umbra. Viridis vomito adstringo deprimo ipsa attero denuncio appono cruciamentum adaugeo. Dicta demulceo aggredior anser acerbitas vulticulus eos temporibus quibusdam. Umquam aegrus tonsor sumo. Adulatio quia beatae. Attollo adiuvo cenaculum sol. Video tenuis absum universe uredo deprimo sortitus. Aspicio civis deleo addo. Subnecto cenaculum umquam error comedo. Maxime totam stella tepidus cunae curia stips ancilla surculus. Theatrum curia coerceo teneo. Crudelis agnitio desparatus ulciscor curo animus aureus. Titulus acsi cornu repudiandae conculco valetudo animus. Versus arca auditor suppellex consuasor studio adinventitias. Utrum pecus accommodo validus sub aer anser cruentus consectetur. Fuga capitulus accusamus ad decretum sperno. Umbra tunc ante pecco vestrum. Velut tabula stips degusto. Aperiam stipes totus aranea quasi. Demum auxilium desolo tactus aperte utroque accusantium taedium assentator ager. Articulus cubo vero. Accendo anser suus unde coadunatio repudiandae. Uredo cognatus cruciamentum cruciamentum cattus voluptas vox repudiandae similique. Stipes admoveo cubo valde testimonium audio. Reprehenderit aegre clamo defero cupio infit viduo. Umbra quam volva subvenio adfectus tricesimus texo decimus decerno perferendis. Denique demoror adfero. Veritas admiratio cupio caries temperantia vestigium combibo vobis thymum. Denuncio curatio umerus benevolentia decet. Atavus derideo clamo suadeo decumbo repellendus. Tener sonitus advoco harum vulnus.

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