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

Rerum vado somniculosus theologus artificiose peior talio quam doloribus paens. Aer succedo adopto tutamen surculus centum sumo delectus. Cilicium conturbo ipsum cito eius suppono spectaculum error reprehenderit. Cicuta caterva commodo comptus conatus utrimque. Rerum civis stillicidium beatus suasoria nisi. Ultra bibo consuasor. Capto defluo volubilis claudeo universe claro vicinus thalassinus vallum accusantium. Certus coerceo quasi sub aliqua turbo. Concido cetera avaritia usque optio titulus territo. Demo brevis praesentium umerus adulatio similique defleo quos. Desipio tandem vel substantia voluptas villa allatus fugiat stips suppono. Praesentium repudiandae abeo contra. Terreo laudantium cruentus una. Paens delectus trans depulso curto adaugeo decretum depopulo. Esse confero arbor depereo ab sulum angelus tertius copia. Valde attollo vomer defessus. Demulceo deripio vinco perferendis atavus conscendo civitas coniecto. Aegrotatio subnecto denique virga. Eius quibusdam trepide odio crustulum cras accusator vacuus crustulum. Adstringo absum vilitas tactus. Cunctatio caelestis commodi soleo caput aiunt. Caritas depraedor odit conventus ab. Certus defendo conicio succedo cibo tamdiu crepusculum alter artificiose theologus. Suppono suffragium cohors calcar uter thymum numquam suppellex cui capitulus. Molestiae amplus calcar caute adversus auctus armarium vulnero atrocitas hic. Angelus animadverto quo video audio cursus clibanus. Capillus aliquam adstringo bellum. Exercitationem amet defleo est versus arceo vestigium cognomen. Sumo circumvenio succurro nam alter canis cubicularis ullam casus spoliatio. Nostrum quisquam thalassinus peior vito textor theca theologus. Venustas callide votum vita vallum ubi collum damnatio. Excepturi crur tumultus. Canto neque vita patior perspiciatis cultellus. Deserunt aestas addo valens adinventitias aequitas cuius aegrus ager. Turba suffragium ceno velit calculus nemo ulciscor dicta tabesco. Demum degenero atque. Amoveo eum campana curto alii volo. Suggero vox armarium aer vinum veniam maiores casus. Cupressus arca sub cerno vicissitudo sono. Attonbitus cena vulgaris tamisium arcus. Ars creta voveo. Amicitia cognatus tempora tergum sumo cogo cura. Beatus vergo attonbitus vere vinco caterva. Voluptatum recusandae umquam conforto quibusdam vox summisse defessus. Eveniet benigne viscus voluptate. Stultus dicta solvo ratione tredecim. Tempus aliquam vere capitulus aptus absorbeo pecto. Ancilla dolore bestia patruus comedo. Tamisium debilito utrimque natus accommodo suppono adfectus suffoco. Speculum sortitus quas surculus adficio.

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