]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
projects / thirdparty / foundation / foundation-sites.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 140fada)
Visual Regression: Added ordered and unordered lists to testing
authorharry <harmanmanchanda182@gmail.com>
Wed, 8 Feb 2017 16:04:12 +0000 (21:34 +0530)
committerharry <harmanmanchanda182@gmail.com>
Wed, 8 Feb 2017 16:04:12 +0000 (21:34 +0530)
Also removed `margin-left: 0` from scss as its was a mistake from my end.

scss/prototype/_list-style-type.scss patch | blob | blame | history
test/visual/prototype/list-styling-ordered.html [new file with mode: 0644] patch | blob
test/visual/prototype/list-styling-unordered.html [new file with mode: 0644] patch | blob

diff --git a/scss/prototype/_list-style-type.scss b/scss/prototype/_list-style-type.scss
index cabb25a7b7a129f9a8a350e8afdc8dad8e1331e5..673f927a1311d6723b71b0bdadd07ce059d6f4b6 100644 (file)
--- a/scss/prototype/_list-style-type.scss
+++ b/scss/prototype/_list-style-type.scss
@@ -23,12 +23,10 @@ $prototype-style-type-ordered-classes: (
 ) !default;
 
 @mixin style-type-unordered($style-type-unordered) {
-  margin-#{$global-left}: 0;
   list-style-type: $style-type-unordered;
 }
 
 @mixin style-type-ordered($style-type-ordered) {
-  margin-#{$global-left}: 0;
   list-style-type: $style-type-ordered;
 }
 
diff --git a/test/visual/prototype/list-styling-ordered.html b/test/visual/prototype/list-styling-ordered.html
new file mode 100644 (file)
index 0000000..74b058d
--- /dev/null
+++ b/test/visual/prototype/list-styling-ordered.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
+<html class="no-js" lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Foundation for Sites Testing</title>
+    <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
+    <link href="../assets/css/foundation-prototype.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div class="row column">
+      <h2 class="m-t-20">No Bullet</h2>
+      <ol class="no-bullet">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Decimal</h2>
+      <ol class="list-decimal">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Lower Alpha</h2>
+      <ol class="list-lower-alpha">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Lower Latin</h2>
+      <ol class="list-lower-latin">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Lower Roman</h2>
+      <ol class="list-lower-roman">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Upper Alpha</h2>
+      <ol class="list-upper-alpha">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Upper Latin</h2>
+      <ol class="list-upper-latin">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Upper Roman</h2>
+      <ol class="list-upper-roman">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ol>
+    </div>
+
+    <script src="../assets/js/vendor.js"></script>
+    <script src="../assets/js/foundation.js"></script>
+    <script>
+      $(document).foundation();
+    </script>
+  </body>
+</html>
diff --git a/test/visual/prototype/list-styling-unordered.html b/test/visual/prototype/list-styling-unordered.html
new file mode 100644 (file)
index 0000000..7c3d91a
--- /dev/null
+++ b/test/visual/prototype/list-styling-unordered.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
+<html class="no-js" lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Foundation for Sites Testing</title>
+    <link href="../motion-ui/dist/motion-ui.css" rel="stylesheet" />
+    <link href="../assets/css/foundation-prototype.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div class="row column">
+      <h2 class="m-t-20">No Bullet</h2>
+      <ul class="no-bullet">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ul>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Disc</h2>
+      <ul class="list-disc">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ul>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Circle</h2>
+      <ul class="list-circle">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ul>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">List Square</h2>
+      <ul class="list-square">
+        <li>List item with a much longer description or more content.</li>
+        <li>List item</li>
+        <li>List item</li>
+      </ul>
+    </div>
+
+    <script src="../assets/js/vendor.js"></script>
+    <script src="../assets/js/foundation.js"></script>
+    <script>
+      $(document).foundation();
+    </script>
+  </body>
+</html>
Mirror of https://github.com/foundation/foundation-sites.git