Breakpoints
Github

Guidelines

Date Time Format

Dress code date and time format is currently based on British locale (en-gb). If in your application you use localization, we suggest to adapt the formats accordingly.

Date

Mon, 05 Sep 2016

05 Sep 2016

05 Sep

Sep 2016

Time

06:39

Date & Time

Thu, 22 Dec 2016 20:04

22 Dec 2016 20:04

22 Dec 20:04

<h3 class="dc-h3 f-item-heading">Date</h3>
<label class="dc-label">Full</label>
<p class="dc-h4">Mon, 05 Sep 2016</p>

<label class="dc-label">Normal</label>
<p class="dc-h4">05 Sep 2016</p>

<label class="dc-label">Short Day</label>
<p class="dc-h4">05 Sep</p>

<label class="dc-label">Short Month</label>
<p class="dc-h4">Sep 2016</p>

<h3 class="dc-h3 f-item-heading">Time</h3>
<label class="dc-label">24 Hours</label>
<p class="dc-h4">06:39</p>

<h3 class="dc-h3 f-item-heading">Date &amp; Time</h3>
<label class="dc-label">Full</label>
<p class="dc-h4">Thu, 22 Dec 2016 20:04</p>

<label class="dc-label">Normal</label>
<p class="dc-h4">22 Dec 2016 20:04</p>

<label class="dc-label">Short</label>
<p class="dc-h4">22 Dec 20:04</p>

Number Format

Dress code number format is currently based on British locale (en-gb). If in your application you use localization, we suggest to adapt the format accordingly. Depending on the number accuracy your application needs, feel free to use 0..N decimals.

Number

3,610,156.00

Percentage

36.40%

Currency

€1,439.34

<h3 class="dc-h3 f-item-heading">Number</h3>
<p class="dc-h4">3,610,156.00</p>

<h3 class="dc-h3 f-item-heading">Percentage</h3>
<p class="dc-h4">36.40%</p>

<h3 class="dc-h3 f-item-heading">Currency</h3>
<p class="dc-h4">&euro;1,439.34</p>