Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 20:04:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add colors page

Browse Source
This commit is contained in:
Jeremy Thomas
2017-07-29 17:58:13 +01:00
parent 63d4fb79b6
commit 8b36d5ad3d
24 changed files with 483 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
docs/documentation/overview/responsiveness.html
View File

@@ -35,9 +35,9 @@ doc-subtab: responsiveness
<ul>
<li><code>mobile</code>: up to <code>768px</code></li>
<li><code>tablet</code>: from <code>769px</code></li>
<li><code>desktop</code>: from <code>1000px</code></li>
<li><code>widescreen</code>: from <code>1192px</code></li>
<li><span class="tag is-success">New!</span> <code>fullhd</code>: from <code>1384px</code></li>
<li><code>desktop</code>: from <code>1008px</code></li>
<li><code>widescreen</code>: from <code>1200px</code></li>
<li><span class="tag is-success">New!</span> <code>fullhd</code>: from <code>1392px</code></li>
</ul>
<p>Bulma uses 9 responsive mixins:</p>
<ul>
@@ -51,32 +51,32 @@ doc-subtab: responsiveness
</li>
<li>
<code>=tablet-only</code><br>
from <code>769px</code> and until <code>999px</code>
from <code>769px</code> and until <code>1007px</code>
</li>
<li>
<code>=touch</code><br>
until <code>999px</code>
until <code>1007px</code>
</li>
<li>
<code>=desktop</code><br>
from <code>1000px</code>
from <code>1008px</code>
</li>
<li>
<code>=desktop-only</code><br>
from <code>1000px</code> and until <code>1191px</code>
from <code>1008px</code> and until <code>1199px</code>
</li>
<li>
<code>=widescreen</code><br>
from <code>1192px</code>
from <code>1200px</code>
</li>
<li>
<code>=widescreen-only</code><br>
from <code>1192px</code> and until <code>1383px</code>
from <code>1200px</code> and until <code>1391px</code>
</li>
<li>
<span class="tag is-success">New!</span>
<code>=fullhd</code><br>
from <code>1384px</code>
from <code>1392px</code>
</li>
</ul>
</div>
@@ -90,19 +90,19 @@ doc-subtab: responsiveness
</th>
<th style="width: 20%;">
Tablet<br>
Between <code>769px</code> and <code>999px</code>
Between <code>769px</code> and <code>1007px</code>
</th>
<th style="width: 20%;">
Desktop<br>
Between <code>1000px</code> and <code>1191px</code>
Between <code>1008px</code> and <code>1199px</code>
</th>
<th style="width: 20%;">
Widescreen<br>
Between <code>1192px</code> and <code>1383px</code>
Between <code>1200px</code> and <code>1391px</code>
</th>
<th style="width: 20%;">
FullHD<br>
<code>1384px</code> and above
<code>1392px</code> and above
</th>
</tr>
</thead>