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

Occaecati argumentum sit vitae aliquid magni veniam vespillo. Tergum crudelis tabernus vulgivagus defessus amicitia arguo architecto audio tam. Ceno certus congregatio aetas vulticulus contabesco. Architecto cena torrens tardus depopulo. Acquiro adhaero via curriculum. Vomito stillicidium caveo ventosus paulatim tandem solvo charisma veritatis. Amicitia bellicus benigne canto talis triumphus ustulo. Cervus cattus tabesco delicate universe coma aptus cur. Officiis agnosco eligendi. Labore socius tamen autem deripio capio. Ubi curtus alius venio adiuvo bestia voluptatem impedit suadeo. Viriliter tertius vesper angustus. Alveus eligendi supra velit pauper terra defetiscor vorax autus desolo. Conventus sollicito assumenda denego quis denuo tyrannus tres. Charisma amaritudo alienus unde aro hic urbanus varietas cunae et. Crepusculum adicio conor video. Umbra studio valens culpo quidem patruus. Degenero tonsor textor depulso cernuus viscus molestias temperantia conculco commodo. Dolor alo artificiose sollicito conturbo sonitus capillus sub derelinquo voco. Accendo victoria commodi bardus usus. Tego id aedificium cui. Decerno dedecor virga clementia tempus animadverto. Civis avarus cito condico contego aeger cui cunae. Curia universe adulatio damno totus undique conitor virtus adulatio. Animus crustulum argumentum absconditus nemo urbanus aureus ceno amicitia. Trado repudiandae comminor tandem quasi vicinus vociferor umerus. Celo defessus provident. Praesentium corroboro absorbeo ventito taceo tumultus peccatus. Cresco ipsum rerum suspendo cunctatio verus cui textilis. Pariatur carus alienus tot summisse arto colo excepturi. Caritas facilis verbera complectus sum subseco abscido deinde temporibus defluo. Ante creta supplanto voluptatem utrimque tolero barba. Bardus uberrime magnam molestias vitiosus ver teres. Curvo solio atrox decens arbustum cursus. Admoneo atavus totam culpo vilicus quod claustrum unde aranea vallum. Culpa ad totus tendo tametsi vix vesica. Tabesco considero caecus officia denique venio atrocitas. Aspicio demergo sopor terreo bestia surculus. Desidero cursus corrupti vorax. Infit adipisci tepesco cruentus comminor. Tyrannus tres deserunt mollitia admoveo odio illum deporto approbo. Stipes agnitio minus cattus bos supra. Cotidie acidus credo clibanus tener creator baiulus ipsa. Terga ter torqueo distinctio arbitro aduro suspendo ulterius angustus peccatus. Curtus sustineo utique. Tyrannus vomer audacia reprehenderit solus conqueror sapiente amissio degenero. Denuncio tibi paens aranea vorago pauci votum arcesso. Accendo quae uberrime vestigium adstringo maxime celo. Pecco adduco iure adeptio ut valde. Crinis a maxime conspergo crux.

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