]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Visual Regression: Added Font Styling to testing
authorharry <harmanmanchanda182@gmail.com>
Wed, 8 Feb 2017 15:43:30 +0000 (21:13 +0530)
committerharry <harmanmanchanda182@gmail.com>
Wed, 8 Feb 2017 15:43:30 +0000 (21:13 +0530)
Includes:
- Font Wide
- Font Normal
- Font Bold
- Font Italic

test/visual/prototype/font-styling.html [new file with mode: 0644]

diff --git a/test/visual/prototype/font-styling.html b/test/visual/prototype/font-styling.html
new file mode 100644 (file)
index 0000000..65cfc2e
--- /dev/null
@@ -0,0 +1,35 @@
+<!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">Font Wide</h2>
+      <p class="font-wide">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">Font Normal</h2>
+      <p class="font-normal">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">Font Bold</h2>
+      <p class="font-bold">Perspiciatis tempore cumque, magni aspernatur, quidem. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse</p>
+    </div>
+    <div class="row column">
+      <h2 class="m-t-20">Font Italic</h2>
+      <p class="font-italic">Lorem minus, placeat, cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.iure voluptas aliquam tempora neque?</p>
+    </div>
+
+    <script src="../assets/js/vendor.js"></script>
+    <script src="../assets/js/foundation.js"></script>
+    <script>
+      $(document).foundation();
+    </script>
+  </body>
+</html>