KSS Style Guide

5 #Display Display

Classes for setting the display property of an element.

Source: dist/minimal/minimal.css, line 1926
Examples
Default styling
A div
.ds-bl
Sets diplay to block
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 1965
Examples
Default styling
A div
.ds-fl
Sets diplay to flex
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 1981
Examples
Default styling
A div
.ds-gr
Sets diplay to grid
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 1997
Examples
Default styling
A div
.ds-ib
Sets diplay to inline-block
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 1949
Examples
Default styling
A div
.ds-in
Sets diplay to inline
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 1933
Examples
Default styling
A div
.ds-no
Sets diplay to none
A div
Markup
<div class="[modifier class]">A div</div>
Source: dist/minimal/minimal.css, line 2013