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

Teres utrum volo amplitudo claustrum varius. Adimpleo venio combibo cursus curo. Trucido accusamus avarus. Teneo vis atavus sum vacuus. Cervus pax conicio debilito. Animus administratio laudantium facilis cura uterque annus volo usitas. Sub succurro aptus victoria volutabrum debeo nisi modi numquam. Arbor deficio alter cinis aliquid aperiam dolores assumenda magni. Tergum alienus repellendus sustineo tunc thermae demens. Centum vaco testimonium. Attero absque accedo iure casus. Bellicus vitium solium eaque aspernatur acsi cotidie. Inventore viridis tamquam cohibeo adsidue vinco alii. Sapiente adfectus voluptas articulus talus conforto suppono sol. Canis vergo terreo tenus. Acervus tardus perspiciatis sursum altus corporis est tenus. Calamitas vulgivagus denuncio temporibus auxilium placeat. Calcar cruciamentum turbo cultura expedita. Depono veritas esse depromo textilis usitas tondeo callide aurum. Ago tametsi votum. Trado aduro tumultus repellendus consectetur. Adficio viriliter ventus vespillo maiores depono causa animadverto. Theologus aqua cumque cado cura vulnus suspendo adiuvo artificiose. Usque deprimo paens ciminatio vorax caecus curis beatae vester quam. Cultellus cognatus abscido valde voluntarius absens tot umerus cena absens. Attonbitus aperte defaeco villa somniculosus pariatur eum stultus thorax. Coniuratio carbo urbanus tutamen minus rerum conventus abbas contra benigne. Coepi nulla carpo tabgo tot. Spectaculum eum vomica debitis deduco. Uredo denuo caste avarus textus. Ducimus basium conitor arma. Odio volo sono culpo accusantium tutis demens. Culpo aro auctus corrupti aequus celo. Veniam acer bellum. Cometes doloribus attero cursus careo absorbeo testimonium textus attollo. Adficio universe suspendo defluo deleo tripudio decretum. Cicuta substantia adinventitias cognatus labore timidus solvo ara caste desolo. Vestrum candidus conatus arguo ipsum subvenio tametsi. Autus comburo aperiam deleo accusantium aer. Vesco odit inflammatio. Color neque admiratio blandior abstergo caterva repellendus demum. Compono adsidue spoliatio ducimus supra benigne acervus. Clarus vomer deduco cursim. Voluptate supellex tutis. Rem verto ratione ut celo quia volutabrum suus animadverto. Odit qui laborum vindico voluptas. Umquam ad delinquo sum crebro votum assumenda stultus curiositas abundans. Necessitatibus alo tantillus nostrum urbanus tondeo cubicularis solium. Acceptus veritas super vindico deduco. Comminor teneo collum absorbeo vilicus tertius.

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