19 #Callouts Callouts deprecated

callout-row, callout, callout-*

Deprecated: This module has been deprecated as of 3.0.0 and will be deleted from a future version. Please avoid using it.

Use callouts to highlight a series of short blurbs in a row. Use callout-quarter, callout-third, callout-half, or callout-full to set the width of each callout.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut gravida nibh, eu varius sapien. Aliquam at condimentum sem

<div class="callout-row">
  <div class="callout callout-full">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut gravida nibh, eu varius sapien. Aliquam at condimentum sem</p>
  </div>
</div>

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut gravida nibh, eu varius sapien. Aliquam at condimentum sem

Show Markup

<div class="callout-row">
  <div class="callout callout-third">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut gravida nibh, eu varius sapien. Aliquam at condimentum sem</p>
  </div>
  <div class="callout callout-third">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut gravida nibh, eu varius sapien. Aliquam at condimentum sem</p>
  </div>
  <div class="callout callout-third">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut gravida nibh, eu varius sapien. Aliquam at condimentum sem</p>
  </div>
</div>

19.1 #Callouts.Grid Callout Grid

Callout classes can be mixed in with the true grid to allow for grid alignment. Be sure to add the row class to the callout-row element.

Example

true-grid-2

true-grid-5

true-grid-2

<div class="row callout-row">
  <div class="callout true-grid-2">
      <p>true-grid-2</p>
  </div>
  <div class="callout true-grid-5">
      <p>true-grid-5</p>
  </div>
  <div class="callout true-grid-2">
      <p>true-grid-2</p>
  </div>
</div>

IceGroupWeb CSS Guide

Styles

19 #Callouts Callouts deprecated

19.1 #Callouts.Grid Callout Grid