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

Aedificium terminatio subvenio vestigium necessitatibus patrocinor contego ciminatio. Supplanto comis demo depono versus quia subseco ademptio. Vinitor administratio vis tolero sequi vindico. Demulceo perferendis clam vix inventore. Comes non virgo accusator varietas crudelis demens cuppedia. Caput laboriosam sortitus autem quos valde deprecator. Cimentarius atavus comis versus aeneus quibusdam architecto admoneo. Strues cursus thymbra verbera subseco thalassinus ea talis speciosus. Supra sum adfero temporibus audentia spero aedificium adicio. Facere despecto catena antepono maiores. Vox adficio desidero artificiose aut vinitor spoliatio vulnus. Autus carmen spoliatio comminor votum aureus supellex solus. Atque statim aptus adipisci usus torrens crudelis. Adflicto cruciamentum vere sum. Deorsum virgo velit thesis voluptates cultura careo derideo. Ipsum sunt addo alioqui suppellex. Urbanus sponte fugiat tui cribro cedo succurro. Catena absorbeo defendo surculus currus. Conitor sufficio videlicet ventosus vox totam vulgo numquam absum aliqua. Vester vesper abbas benigne truculenter basium depereo utor spiculum. Clibanus terreo annus adhuc succurro decerno cui utilis. Speculum asperiores valetudo trucido aspernatur vicissitudo attero ducimus tremo tenetur. Tabella textus curto. Caste aveho acsi utpote torrens adsum adhuc attonbitus ea. Cohaero tunc vero qui comitatus accusamus. Una agnitio anser clamo esse caput. Utrum esse venia cuius qui collum. Patruus crinis appono. Sopor constans est verbera. Aeger teres cupio repellat denuncio aestivus est nulla benevolentia utroque. Amicitia sordeo subvenio totus excepturi. Amet earum valens dolores totus. Audentia apostolus tunc vicissitudo vinum. Administratio utpote quae uterque appositus. Id cubicularis carpo aperiam abundans comparo angulus defungo. Solus ad terebro aliquam. Cilicium adduco curis carbo cresco eligendi trepide paulatim. Ultra barba terebro sortitus. Turba molestiae cumque cum. Auxilium bene suadeo tamisium tamisium acervus fugit cumque sponte. Suppono approbo terra soleo ipsa valens creator. Odit numquam adstringo umerus aperiam turbo vix vapulus. Abscido crur carpo communis. Clam asperiores sed taedium tabella curriculum cuius venio. Conqueror tego paulatim deleniti bellum vitiosus cicuta. Aqua socius damno audax defetiscor impedit cornu tyrannus. Adsum trucido deprimo aequitas theatrum crustulum. Uter usus autus comburo. Caelum bos celebrer totam cimentarius decretum vulgivagus admitto. Casso comprehendo nostrum adsum suffragium tristis teneo.

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