aboutsummaryrefslogtreecommitdiff
path: root/less/tests/css-tests.html
diff options
context:
space:
mode:
Diffstat (limited to 'less/tests/css-tests.html')
-rw-r--r--less/tests/css-tests.html31
1 files changed, 31 insertions, 0 deletions
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
index 4b8b1a277..341c80264 100644
--- a/less/tests/css-tests.html
+++ b/less/tests/css-tests.html
@@ -1019,6 +1019,37 @@
+<!-- Responsive utility classes
+================================================== -->
+
+<div class="page-header">
+ <h1>Responsive utility classes</h1>
+</div>
+
+<h4>Visible on...</h4>
+<ul class="responsive-utilities-test visible-on">
+ <li>Phone<span class="visible-phone">✔ Phone</span></li>
+ <li>Tablet<span class="visible-tablet">✔ Tablet</span></li>
+ <li>Desktop<span class="visible-desktop">✔ Desktop</span></li>
+</ul>
+<ul class="responsive-utilities-test visible-on">
+ <li>Phone + Tablet<span class="visible-phone visible-tablet">✔ Phone + Tablet</span></li>
+ <li>Tablet + Desktop<span class="visible-tablet visible-desktop">✔ Tablet + Desktop</span></li>
+ <li>All<span class="visible-phone visible-tablet visible-desktop">✔ All</span></li>
+</ul>
+
+<h4>Hidden on...</h4>
+<ul class="responsive-utilities-test hidden-on">
+ <li>Phone<span class="hidden-phone">✔ Phone</span></li>
+ <li>Tablet<span class="hidden-tablet">✔ Tablet</span></li>
+ <li>Desktop<span class="hidden-desktop">✔ Desktop</span></li>
+</ul>
+<ul class="responsive-utilities-test hidden-on">
+ <li>Phone + Tablet<span class="hidden-phone hidden-tablet">✔ Phone + Tablet</span></li>
+ <li>Tablet + Desktop<span class="hidden-tablet hidden-desktop">✔ Tablet + Desktop</span></li>
+ <li>All<span class="hidden-phone hidden-tablet hidden-desktop">✔ All</span></li>
+</ul>
+