diff options
Diffstat (limited to 'docs/css.html')
| -rw-r--r-- | docs/css.html | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/docs/css.html b/docs/css.html index 69bb0dd7c..f599f799f 100644 --- a/docs/css.html +++ b/docs/css.html @@ -2003,17 +2003,35 @@ For example, <code><section></code> should be wrapped as inline. <p>Resize your browser or load on different devices to test the responsive utility classes.</p> <h4>Visible on...</h4> <p>Green checkmarks indicate the element <strong>is visible</strong> in your current viewport.</p> - <ul class="responsive-utilities-test"> - <li>Small<span class="visible-sm">✔ Visible on small</span></li> - <li>Medium<span class="visible-md">✔ Visible on medium</span></li> - <li>Large<span class="visible-lg">✔ Visible on large</span></li> + <ul class="responsive-utilities-test visible-on"> + <li> + <span class="hidden-sm">Small</span> + <span class="visible-sm">✔ Visible on small</span> + </li> + <li> + <span class="hidden-md">Medium</span> + <span class="visible-md">✔ Visible on medium</span> + </li> + <li> + <span class="hidden-lg">Large</span> + <span class="visible-lg">✔ Visible on large</span> + </li> </ul> <h4>Hidden on...</h4> <p>Here, green checkmarks indicate the element <strong>is hidden</strong> in your current viewport.</p> <ul class="responsive-utilities-test hidden-on"> - <li>Small<span class="hidden-sm">✔ Hidden on small</span></li> - <li>Medium<span class="hidden-md">✔ Hidden on medium</span></li> - <li>Large<span class="hidden-lg">✔ Hidden on desktop</span></li> + <li> + <span class="visible-sm">Small</span> + <span class="hidden-sm">✔ Hidden on small</span> + </li> + <li> + <span class="visible-md">Medium</span> + <span class="hidden-md">✔ Hidden on medium</span> + </li> + <li> + <span class="visible-lg">Large</span> + <span class="hidden-lg">✔ Hidden on desktop</span> + </li> </ul> </div> |