Source: dist/css/virtual_boot.css, line 14981
10.1.4 Scrollbar Mini
Give a mini scroll bar to a content area.
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/virtual_boot.css, line 14981
Give a mini scroll bar to a content area.
<div class="card shadow_2 cell small-6 large-4 max-w_30" >
<div class=" font_accent: border-top-left-square c_white font_3 p_4 texture_dust card-divider bg_primary card-header">
This is a header
</div>
<div class="card-section card-body p_4 scrollbar-mini overflow_auto" style="max-height:300px;">
<h4>This is a card.</h4>
<p class="font_1">It has an easy to override visual style, and is appropriately subdued.</p>
<img src="https://picsum.photos/400/300">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sequi dolorem et maxime, officiis nulla vel? Numquam quas voluptatibus, voluptatem fuga saepe animi nemo voluptatum repellendus in natus libero, nobis illum!</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sequi dolorem et maxime, officiis nulla vel? Numquam quas voluptatibus, voluptatem fuga saepe animi nemo voluptatum repellendus in natus libero, nobis illum!</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sequi dolorem et maxime, officiis nulla vel? Numquam quas voluptatibus, voluptatem fuga saepe animi nemo voluptatum repellendus in natus libero, nobis illum!</p>
</div>
<div class="card-divider card-footer br_0 br_solid br-t_1 br_primary"> <a href="#" class="button btn btn-primary">I am so clickable</a></div>
</div>