Display
Sometimes we need to make <a> tags block and <div> tags inline-block. We use these helpers to override a tag's default display type.
.l-display-ib
Inline Block: Take up just what you need.
<div style="border:2px solid black;">
<div class="has-padding has-bg-yellow l-display-ib">Example</div>
</div>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 18 | |
| state-salaries-draft | 2 | |
| donations | 1 |
.l-display-block
Block: Take up all the space.
<div style="border:2px solid black;">
<div class="has-padding has-bg-yellow l-display-block">Example</div>
</div>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 13 | |
| donations | 4 | |
| state-salaries-draft | 1 | |
| feature-voter-guide-general-2020-08 | 1 |
.l-clearfix
Clears floats Clear out everything after a float.
<div style="border:2px solid black;">
<div class="has-padding has-bg-yellow l-clearfix"><span class="has-padding has-bg-black-off has-text-white" style="float:left; ">Floated div</span></div>
</div>
This class isn't referenced anywhere