Digital noise
Visual rather than aural noise.
Please note that digital noise is being deprecated and will be removed in a future release.
How we design it
- Noise is always black and white
- When used in strips keep it thin so that it doesn’t distract from the content
- Don’t be afraid of making it big if you need it
How it looks
1. Noise to one side
View demoView code
<div class="gg-u-digital-noise-side gg-t-wild-sand">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</div>
2. Noise at bottom
View demoView code
<div class="gg-u-digital-noise-bottom gg-t-wild-sand">
<br>
<br>
<br>
<br>
<br>
</div>
4.1 Chunky digital noise
View demoView code
<div class="gg-u-digital-noise-chunky gg-t-wild-sand">
<br>
<br>
<br>
<br>
<br>
</div>
4.2 Chunky digital noise without padding
View demoView code
<div class="gg-u-digital-noise-chunky gg-u-digital-noise-chunky--no-padding gg-t-wild-sand">
<br>
<br>
<br>
<br>
<br>
</div>
5. Mixins
The following mixins can also be used to generate Noise
.class {
@include digital-noise(side);
}
.class {
@include digital-noise(bottom);
}
.class {
@include digital-noise(chunky);
}