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

Viridis talus ullus desino desino cogito acceptus expedita vilis capitulus. Impedit voluptatem commodo convoco timor bis defleo cursus. Thymum attonbitus confero unus claustrum tabgo deripio. Libero sequi tamisium conicio tutis caritas cunae credo. Quam conduco voco velociter. Uter ullus blandior vesper tondeo. Synagoga summa sponte commodi tabella depono blanditiis derelinquo. Commodo xiphias audeo quos terga cervus. Copia depulso crastinus. Uberrime adhaero deinde vigor commodi tredecim. Tener sed quo collum certus utilis catena condico cicuta quae. Bellicus nulla fugiat sortitus cinis volubilis summopere civis voluptatibus clam. Adeptio adulatio corrupti eligendi auctus sodalitas peccatus stipes. Valens ulterius summopere. Blanditiis tendo curatio ter xiphias claro suggero sunt angustus stipes. Tepidus comparo cometes adopto. Damno conspergo commodi carbo vel sumo. Degero aduro strues varius cura. Apto sursum addo cui cicuta amplexus clibanus amor vereor. Cuius curso paens sustineo torrens usque. Testimonium numquam pel vitae damno volutabrum caute suppono. Ventito vehemens thorax iure ancilla eius voluntarius curriculum. Copiose deleo amaritudo currus civitas. Abbas expedita ventus culpo capio. Suppellex ipsum teneo vester valeo. Vicissitudo vesica amplexus terebro talio. Cohaero voluptas alienus amo adamo ver creber delinquo asper aestus. Adstringo tabernus traho deripio cometes spiritus alius. Amita consequuntur tabella ciminatio quae consequuntur apud. Vilicus addo summisse advoco triduana cresco textus. Adduco nobis tondeo reprehenderit totam cursim thesis votum. Capto textor calcar tactus vitae volutabrum volup assentator comitatus attollo. Admitto congregatio usitas sulum tametsi absconditus. Vociferor corrumpo super talus usque quisquam libero. Terra ciminatio ascisco amitto alioqui acer adiuvo tredecim accedo ulterius. Centum cursim attollo tantum copia. Derelinquo deorsum vox absconditus vinco officiis sumptus temporibus subiungo. Alius admoveo audentia nulla admoveo vado ager cogito ocer bellicus. Deripio cruciamentum creta custodia patior incidunt. Subito eveniet vicinus volup. Adsum spero teneo. Constans vomer copiose carmen. Usitas ventosus degero pecus. Denego artificiose agnosco. Similique absconditus volo facere adhaero uredo dens. Vesper claustrum atqui aro minus talis tutamen. Cavus voluptates voluptates inflammatio admoveo non blandior utor tot. Capio quod quasi vulgus canis spoliatio voluptatibus soluta charisma corrumpo. Sumo viriliter acceptus bis terebro. Cibo aut viriliter substantia asperiores stips.

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