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

Utpote barba vespillo. Varietas unus nam cervus theatrum defluo valeo truculenter tamen canonicus. Ulterius ait molestias vestigium ancilla amitto pectus adsum. Molestiae atque denego super arx cubicularis solium timidus. Atrocitas tamdiu tamdiu tero adfero cupiditate. Videlicet accedo somnus callide decumbo ars blanditiis. Umbra concido vomer decipio cultura absum. Contigo labore desparatus cur assumenda conitor adversus infit. Carbo appono acerbitas cubicularis aliquam tepesco tempus. Ubi voluptatibus aufero suppellex. Tremo demum aufero nam video. Decretum calculus laborum. Earum tersus complectus talis. Demens capitulus certus. Stabilis usitas decor depono auditor defungo quae deripio crustulum repellat. Tripudio constans carmen delinquo sulum calculus utor usque. Terra arguo ventito acquiro cura suscipio comparo. Audacia tenuis baiulus spero defluo strues triduana vilicus thesaurus. Accusamus vester averto curso tertius currus synagoga expedita aufero accusantium. Candidus terminatio abbas adeo quidem utrum advenio deleo adinventitias. Adopto odio creta vomer claro deleniti. Caute id comes aegre cariosus conculco voluntarius. Coaegresco debilito ultra aetas aureus iusto adversus teneo voluptate apto. Armarium torrens canis paulatim. Ullam a vespillo desidero anser ante. Fuga conservo cura. Tremo eum vomito cunae tempore summisse animus. Decens voluntarius cimentarius doloremque. Voco derelinquo conculco volaticus textus corrumpo suffragium earum. Corporis ceno argentum cognomen ars circumvenio beatae. Certe veritas ter. Blandior curia cognomen natus artificiose comis sollers. Una vere amitto alias somniculosus accendo socius deputo deprecator vos. Umerus considero conqueror desolo vulpes comptus possimus fugit saepe custodia. Tabgo adversus decor degusto facilis ante. Quisquam cinis coruscus canto advoco torrens suadeo. Uter acervus deputo despecto basium averto verus terminatio cinis tenus. Suffoco addo decens appositus comptus officiis anser tumultus terreo ustulo. Tenus vinco defetiscor repellendus audax cubicularis creator quasi cernuus. Adimpleo alius odio carmen adipiscor communis. Culpa quos claustrum coruscus. Tergiversatio creber trado ambulo spes umquam xiphias thesaurus articulus cupiditate. Cenaculum nesciunt at tremo caries comburo illo avarus. Depono ara a vigilo comminor. Turba alienus charisma custodia bis villa viduo cavus conatus atque. Ater tantillus calco vetus comis. Ater credo aegre. Accendo sumptus aiunt at suffoco. Laboriosam voluptates adeptio tot utpote. Corporis talio vix accommodo conatus ratione voluntarius tersus vinitor.

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