5 #Display Display
Classes for setting the display property of an element.
Source:
dist/standard/standard.css, line 1930
5.1 #Display - bl .ds-bl
Sets the display property of an element to block.
Examples
Default styling
A div
.ds-bl
Sets diplay to block
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 1969
5.1.1 #Display - bl - sm .ds-sm-bl
Sets the display property of an element to block on sm.
Examples
Default styling
A div
.ds-sm-bl
Sets diplay to block on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2066
5.2 #Display - fl .ds-fl
Sets the display property of an element to flex.
Examples
Default styling
A div
.ds-fl
Sets diplay to flex
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 1985
5.2.1 #Display - fl - sm .ds-sm-fl
Sets the display property of an element to flex on sm.
Examples
Default styling
A div
.ds-sm-fl
Sets diplay to flex on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2082
5.3 #Display - gr .ds-gr
Sets the display property of an element to grid.
Examples
Default styling
A div
.ds-gr
Sets diplay to grid
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2001
5.3.1 #Display - gr - sm .ds-sm-gr
Sets the display property of an element to grid on sm.
Examples
Default styling
A div
.ds-sm-gr
Sets diplay to grid on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2098
5.4 #Display - ib .ds-ib
Sets the display property of an element to inline-block.
Examples
Default styling
A div
.ds-ib
Sets diplay to inline-block
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 1953
5.4.1 #Display - ib - sm .ds-sm-ib
Sets the display property of an element to inline-block on sm.
Examples
Default styling
A div
.ds-sm-ib
Sets diplay to inline-block on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2050
5.5 #Display - in .ds-in
Sets the display property of an element to inline.
Examples
Default styling
A div
.ds-in
Sets diplay to inline
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 1937
5.5.1 #Display - in - sm .ds-sm-in
Sets the display property of an element to inline on sm.
Examples
Default styling
A div
.ds-sm-in
Sets diplay to inline on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2034
5.6 #Display - no .ds-no
Sets the display property of an element to none.
Examples
Default styling
A div
.ds-no
Sets diplay to none
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2017
5.6.1 #Display - no - sm .ds-sm-no
Sets the display property of an element to none on sm.
Examples
Default styling
A div
.ds-sm-no
Sets diplay to none on sm
A div
Markup
<div class="[modifier class]">A div</div>
Source:
dist/standard/standard.css, line 2114