Minimial test page

oleersoy · oleersoy · commit 7c44fdfcc19e · 2017-04-03T13:33:48.000-05:00
diff --git a/src/test/html/test.html b/src/test/html/test.html
@@ -0,0 +1,56 @@
+<!doctype html>
+<html lang="en" style="width: 100%">
+
+<head>
+  <title>Button Component Tests</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="Button Component Tests">
+  <meta name="author" content="Ole Ersoy">
+  <!-- Font Awesome -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" type="text/css" href="../../../target/test/css/index.css">
+</head>
+
+<body class="Site u-width-100">
+
+  <main class="u-width-100
+               u-text-color-silver-grey
+               u-flex
+               u-flex-column
+               u-flex-align-items-center
+               u-margin-top-10x">
+    <div class="Test u-width-100">
+
+        <span class="Test_counter"></span>
+        <span class="Test_component">Button</span>
+
+        <div class="Test_container u-width-100 u-md-flex-justify-around u-md-flex-row u-md-flex-align-items-start">
+        <div class="Test_input">
+            <div class="Test_when"></div>
+            <div class="Test_description">A button's border and background color are not specified.</div>
+            <pre class="Test_markup">
+              <code class="html">
+<a class="Button
+          u-letter-spacing-1x
+          u-on-hover-background-color-555
+          u-text-color-white
+          u-font-open-sans
+          u-font-weight-300
+          u-font-size-500">booyakasha
+</a>
+              </code>
+            </pre>
+        </div>
+        <div class="Test_output">
+            <div class="Test_then"></div>
+            <div class="Test_description u-margin-bottom-1x">Both the border and the background is transparent.</div>
+        </div>
+      </div>
+
+<!-- End of Test div-->
+    </div>
+
+  </main>
+</body>
+</html>
