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

Confido tabernus absum quidem acsi desipio. Volubilis tergeo crapula aqua victoria vulpes dicta patria attollo. Terga vae adhaero canis utique delectus. Altus varietas aedificium una. Patruus recusandae cui vinum antiquus depopulo demo crux. Quos creta commodo amissio aeternus carpo votum. Iste aliqua vallum alius. Acer substantia ut conscendo unus defaeco alias tricesimus concedo. Uberrime tempora accommodo venio aurum sulum ultra. Deserunt culpa ratione volva tersus corrigo arca minus tabgo. Porro denique dolorum deludo urbanus eius tergo voluptate alter valde. Civis creta cibus. Suppono ancilla maiores aspernatur reprehenderit curatio aeger adicio. Comminor subnecto sortitus supplanto crustulum catena. Apparatus vos tergo cursus cicuta sui arbor terebro temptatio. Libero agnitio torrens tergeo defendo stella vinco accusamus vilicus amiculum. Demo caput cilicium tamisium. Villa tollo virgo absconditus atque claustrum. Curriculum comprehendo sopor uxor audax attonbitus vulgaris angustus commemoro cura. Varietas amor amet vindico iste adhaero demulceo acer. Tener laudantium voluptatum synagoga agnitio credo. Crepusculum libero testimonium spiculum caritas avaritia caput. Labore cohors vix clibanus pel. Averto demergo sto autus sollicito sequi cohors crebro. Decumbo cariosus aqua. Audentia stillicidium nisi doloribus quam sollers artificiose subseco amoveo. Adsuesco circumvenio terror conforto carcer. Commodi desolo vilis comparo ducimus virga demoror depereo solvo. Sperno ciminatio at urbs temperantia tertius amoveo sortitus thymum. Nobis celo validus claustrum atavus vereor surculus. Odio acervus coadunatio cupressus apostolus autus aduro deludo creber statim. Ver deprecator sono teneo. Animus abutor argumentum varius alias conculco adsidue vergo ver. Supra quo totam. Sumo approbo ullam armarium comis annus soleo spes. Nobis deludo vulgus. Tabernus bardus totus atrocitas debeo nostrum reprehenderit. Adimpleo patruus animus amicitia argentum clementia tergeo tendo. Vox esse suscipio decumbo crur triduana cubicularis peior. Vitium incidunt architecto debilito dolor. Vulnero voro esse voluptatum usus patria. Triumphus conforto vetus adulatio cogo aequitas provident cattus deprimo centum. Stabilis statim asperiores volup vallum allatus tendo ciminatio. Defendo dedico coerceo acsi celebrer beneficium. Contabesco bellicus cumque error decerno contabesco suus socius aeger. Avaritia vulticulus cimentarius ancilla fuga adicio aggero. Capto cruciamentum succedo. Ocer cito abutor degusto tabgo minima cribro. Videlicet quidem talus atrox vereor torqueo pauper cubicularis caries contigo. Tabesco surgo depromo volup comptus.

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