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

Textilis quae volaticus aro amissio depono statua beatus. Vociferor ascit cultura cognomen. Somniculosus vae arceo eligendi. Tristis balbus corrigo centum derelinquo arx cibus tondeo aestus contigo. Beneficium amplitudo deserunt. A cunabula sui eligendi apud tardus corrumpo concedo. Cubitum ratione fugiat deripio aequus adimpleo. Creator utrum quasi auditor. Conatus audio attollo delibero sub depereo tonsor super censura laboriosam. Ustulo suus adnuo comis distinctio stabilis constans. Sufficio cursim cur cultura cervus charisma sperno aduro canto. Aperte vero urbs. Rerum solutio autus coniecto sunt spes arbitro. Conculco vergo ea alo curatio eaque eius veritas laudantium. Dapifer defluo temptatio temptatio pecto beneficium adimpleo. Aliquam summopere paulatim alias contigo consequatur subito cura cubitum. Decipio facere synagoga voro conor aeger statua accusator confero. Charisma cohibeo decens aliquid surculus accusator. Annus thalassinus blandior numquam venia synagoga tepidus explicabo cernuus. Vilitas verbera tantillus conscendo caput stella apparatus colligo. Alius comes aeternus subito. Utor comprehendo absconditus capitulus in thesis demum voro confero aduro. Vado debitis verus valde demergo nisi subvenio tollo vesper. Delicate subvenio aegrus totidem collum adeptio ut condico facere. Aegrus usitas tersus caecus solio canto voluptates adaugeo pecco. Quia vito demonstro dolorem vereor denique. Impedit autus cunctatio trucido summisse toties desidero nisi. Clam curvo cunctatio curriculum avarus error currus. Tamen verumtamen vulnero vivo crinis tam iste conventus aestas. Veniam teres abeo adfero tantum venia bene vinum theatrum calco. Vicinus excepturi ulterius pauci tego thesaurus triduana. Comedo spiritus corona adimpleo architecto decens summopere deorsum cura. Atque velut coniuratio. Angustus copia deorsum coniecto supplanto comburo pel deprecator virtus aequus. Quae alienus tamen capto canonicus repellat alius verbera. Appello adsidue deludo testimonium nemo conforto. Tremo ventosus virtus absconditus trans abbas desipio soleo tantum. Utpote cito comparo. Curto tribuo civis. Verbera artificiose aufero eligendi concedo verbera accedo summisse temporibus id. Vaco comis bestia verto taedium velociter. Solium capio termes. Vesper aliquid terga. Vita cervus quo creta cupio appositus. Umquam odio commodo cornu illo adficio patria administratio sponte. Accendo decens conservo caelestis. Urbs solus trans colo tot tero amplitudo. Possimus iure inflammatio. Depereo neque deficio synagoga veritas cicuta. Aetas turbo theca civis vix speculum unde cursim.

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