testio-tailwind 0.1.0 → 0.2.1

package/src/pages/icons/bug-icons.haml

@@ -1,76 +1,76 @@
----
-tags: icons
-title: Bug icons
----
-
-.grid.gap-5.grid-cols-3
-  %dl.list-inline
-    %dd.icon.icon-functional
-    %dt functional
-    %dd.icon.icon-critical
-    %dt critical
-    %dd.icon.icon-high
-    %dt high
-    %dd.icon.icon-low
-    %dt low
-    %dd.icon.icon-usability
-    %dt usability
-    %dd.icon.icon-visual
-    %dt visual
-    %dd.icon.icon-content
-    %dt content
-  %dl.list-inline
-    %dd.icon.icon-user-story
-    %dt user story
-    %dd.icon.icon-user-story-check
-    %dt user story passed
-    %dd.icon.icon-user-story-cross
-    %dt user story failed
-    %dd.icon.icon-user-story-clock
-    %dt user story waiting
-    %dd.icon.icon-user-outline-check
-    %dt user story execution
-    %dd.icon.icon-user-outline-cross
-    %dt user story execution
-    %dd.icon.icon-user-outline-blocked
-    %dt user story execution
-  %dl.list-inline
-    %dd.icon.icon-review-bug-check
-    %dt Bug report confirmation
-    %dd.icon.icon-review-bug-check.critical
-    %dt Bug report confirmation critical
-    %dd.icon.icon-review-bug-check.high
-    %dt Bug report confirmation high
-    %dd.icon.icon-review-bug-check.low
-    %dt Bug report confirmation low
-  %dl.list-inline
-    %dd.icon.icon-bug-reproduction
-    %dt Bug report confirmation
-    %dd.icon.icon-bug-reproduction.critical
-    %dt Bug report confirmation critical
-    %dd.icon.icon-bug-reproduction.high
-    %dt Bug report confirmation high
-    %dd.icon.icon-bug-reproduction.low
-    %dt Bug report confirmation low
-  %dl.list-inline
-    %dd.icon.icon-bug-fix-confirmation
-    %dt Bug report confirmation
-    %dd.icon.icon-bug-fix-confirmation.critical
-    %dt Bug report confirmation critical
-    %dd.icon.icon-bug-fix-confirmation.high
-    %dt Bug report confirmation high
-    %dd.icon.icon-bug-fix-confirmation.low
-    %dt Bug report confirmation low
-  %dl.list-inline
-    %dd.icon.icon-testcase-bug
-    %dt test case bug
-    %dd.icon.icon-testcase-bug.critical
-    %dt test case bug critical
-    %dd.icon.icon-testcase-bug.high
-    %dt test case bug high
-    %dd.icon.icon-testcase-bug.low
-    %dt test case bug low
-  %dl.list-inline
-    %dd.icon.icon-review-exclamation
-    %dt Custom single task
+---
+tags: icons
+title: Bug icons
+---
+
+.grid.gap-5.grid-cols-3
+  %dl.list-inline
+    %dd.icon.icon-functional
+    %dt functional
+    %dd.icon.icon-critical
+    %dt critical
+    %dd.icon.icon-high
+    %dt high
+    %dd.icon.icon-low
+    %dt low
+    %dd.icon.icon-usability
+    %dt usability
+    %dd.icon.icon-visual
+    %dt visual
+    %dd.icon.icon-content
+    %dt content
+  %dl.list-inline
+    %dd.icon.icon-user-story
+    %dt user story
+    %dd.icon.icon-user-story-check
+    %dt user story passed
+    %dd.icon.icon-user-story-cross
+    %dt user story failed
+    %dd.icon.icon-user-story-clock
+    %dt user story waiting
+    %dd.icon.icon-user-outline-check
+    %dt user story execution
+    %dd.icon.icon-user-outline-cross
+    %dt user story execution
+    %dd.icon.icon-user-outline-blocked
+    %dt user story execution
+  %dl.list-inline
+    %dd.icon.icon-review-bug-check
+    %dt Bug report confirmation
+    %dd.icon.icon-review-bug-check.critical
+    %dt Bug report confirmation critical
+    %dd.icon.icon-review-bug-check.high
+    %dt Bug report confirmation high
+    %dd.icon.icon-review-bug-check.low
+    %dt Bug report confirmation low
+  %dl.list-inline
+    %dd.icon.icon-bug-reproduction
+    %dt Bug report confirmation
+    %dd.icon.icon-bug-reproduction.critical
+    %dt Bug report confirmation critical
+    %dd.icon.icon-bug-reproduction.high
+    %dt Bug report confirmation high
+    %dd.icon.icon-bug-reproduction.low
+    %dt Bug report confirmation low
+  %dl.list-inline
+    %dd.icon.icon-bug-fix-confirmation
+    %dt Bug report confirmation
+    %dd.icon.icon-bug-fix-confirmation.critical
+    %dt Bug report confirmation critical
+    %dd.icon.icon-bug-fix-confirmation.high
+    %dt Bug report confirmation high
+    %dd.icon.icon-bug-fix-confirmation.low
+    %dt Bug report confirmation low
+  %dl.list-inline
+    %dd.icon.icon-testcase-bug
+    %dt test case bug
+    %dd.icon.icon-testcase-bug.critical
+    %dt test case bug critical
+    %dd.icon.icon-testcase-bug.high
+    %dt test case bug high
+    %dd.icon.icon-testcase-bug.low
+    %dt test case bug low
+  %dl.list-inline
+    %dd.icon.icon-review-exclamation
+    %dt Custom single task
   

package/src/pages/icons/index.njk

@@ -1,83 +1,83 @@
----
-layout: base
-permalink: icons/
----
-
-{% set collection = collections.icons %}
-
-<script type="text/javascript">
-
-const getJSON = function(url, callback) {
-    var xhr = new XMLHttpRequest();
-    xhr.open('GET', url, true);
-    xhr.responseType = 'json';
-    xhr.onload = function() {
-      var status = xhr.status;
-      if (status === 200) {
-        callback(null, xhr.response);
-      } else {
-        callback(status, xhr.response);
-      }
-    };
-    xhr.send();
-};
-
-const fetchIcons = function(appType) {
-  getJSON('/static/icons-' + appType + '.json',
-  function(err, data) {
-    if (err !== null) {
-      console.log('Something went wrong: ' + err);
-    } else {
-      const classList = document.getElementById('iconList');
-      data.forEach(iconClass => {
-        let e = document.createElement('div');
-        e.innerHTML = '<span class="icon text-icon-default ' + iconClass + '"></span><span class="label ml-3">.' + iconClass +'</span>';
-        classList.appendChild(e);
-      });
-    }
-  });
-}
-
-let app = '{{ site.app }}';
-
-fetchIcons(app)
-
-</script>
-
-<main tabindex="-1" id="main-content" class="main-content-padding main-content">
-
-  <h1 class="mb-8">Icons</h1>
-  {%- for section in collection -%}
-    <section class="space-y-6" id="{{ section.data.title }}">
-      <div class="section-header">
-        <h4 class="section-title">{{ section.data.title }}</h4>
-      </div>
-
-      {% if section.data.type == 'block' %}
-        {% set direction = 'y' %}
-      {% else %}
-        {% set direction = 'x' %}
-      {% endif %}
-      {{ section.templateContent | safe }}
-
-      <details class="mt-3">
-        <summary class="btn btn-sm btn-secondary inline-block cursor-pointer mb-2">
-          Show source
-        </summary>
-        <div class="prose max-w-none bg-gray-light p-2 rounded mb-1">
-          <pre><code class="html-preview">{{ section.templateContent | trim }}</code></pre>
-        </div>
-      </details>
-    </section>
-  {%- endfor -%}
-
-  <section>
-  <div class="section-header">
-    <h4 class="section-title">Icon list</h4>
-  </div>
-  <div class="grid grid-cols-3 gap-2 place-items-start pb-10" id="iconList"></div>
-  </section>
-
-</main>
-
-
+---
+layout: base
+permalink: icons/
+---
+
+{% set collection = collections.icons %}
+
+<script type="text/javascript">
+
+const getJSON = function(url, callback) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.responseType = 'json';
+    xhr.onload = function() {
+      var status = xhr.status;
+      if (status === 200) {
+        callback(null, xhr.response);
+      } else {
+        callback(status, xhr.response);
+      }
+    };
+    xhr.send();
+};
+
+const fetchIcons = function(appType) {
+  getJSON('/static/icons-' + appType + '.json',
+  function(err, data) {
+    if (err !== null) {
+      console.log('Something went wrong: ' + err);
+    } else {
+      const classList = document.getElementById('iconList');
+      data.forEach(iconClass => {
+        let e = document.createElement('div');
+        e.innerHTML = '<span class="icon text-icon-default ' + iconClass + '"></span><span class="label ml-3">.' + iconClass +'</span>';
+        classList.appendChild(e);
+      });
+    }
+  });
+}
+
+let app = '{{ site.app }}';
+
+fetchIcons(app)
+
+</script>
+
+<main tabindex="-1" id="main-content" class="main-content-padding main-content">
+
+  <h1 class="mb-8">Icons</h1>
+  {%- for section in collection -%}
+    <section class="space-y-6" id="{{ section.data.title }}">
+      <div class="section-header">
+        <h4 class="section-title">{{ section.data.title }}</h4>
+      </div>
+
+      {% if section.data.type == 'block' %}
+        {% set direction = 'y' %}
+      {% else %}
+        {% set direction = 'x' %}
+      {% endif %}
+      {{ section.templateContent | safe }}
+
+      <details class="mt-3">
+        <summary class="btn btn-sm btn-secondary inline-block cursor-pointer mb-2">
+          Show source
+        </summary>
+        <div class="prose max-w-none bg-gray-light p-2 rounded mb-1">
+          <pre><code class="html-preview">{{ section.templateContent | trim }}</code></pre>
+        </div>
+      </details>
+    </section>
+  {%- endfor -%}
+
+  <section>
+  <div class="section-header">
+    <h4 class="section-title">Icon list</h4>
+  </div>
+  <div class="grid grid-cols-3 gap-2 place-items-start pb-10" id="iconList"></div>
+  </section>
+
+</main>
+
+

package/src/pages/icons/marketingicons.haml

@@ -1,16 +1,16 @@
----
-tags: icons
-title: Icons for marketing and presentation
----
-
-%ul.list-inline
-  %li.icon.icon-lg.icon-critical
-  %li.icon.icon-lg.icon-high
-  %li.icon.icon-lg.icon-low
-  %li.icon.icon-lg.icon-visual
-  %li.icon.icon-lg.icon-content
-  %li.icon.icon-lg.icon-usability
-%p.mb-heading If you are looking for SVG and PNG versions of the icons to include them into your presentation look no further. Download the ZIP and get started prettifying your life.
-%a.btn.btn-xl.btn-primary{href:"/downloads/Bugandtesttype_icons.zip"}
-  .icon.icon-criticalissues-xl
+---
+tags: icons
+title: Icons for marketing and presentation
+---
+
+%ul.list-inline
+  %li.icon.icon-lg.icon-critical
+  %li.icon.icon-lg.icon-high
+  %li.icon.icon-lg.icon-low
+  %li.icon.icon-lg.icon-visual
+  %li.icon.icon-lg.icon-content
+  %li.icon.icon-lg.icon-usability
+%p.mb-heading If you are looking for SVG and PNG versions of the icons to include them into your presentation look no further. Download the ZIP and get started prettifying your life.
+%a.btn.btn-xl.btn-primary{href:"/downloads/Bugandtesttype_icons.zip"}
+  .icon.icon-criticalissues-xl
   Download ZIP

package/src/pages/icons/status-icons.haml

@@ -1,39 +1,39 @@
----
-tags: icons
-title: Status icons
----
-
-%dl.list-inline
-  %dd Open, Submitted
-  %dl
-    .status-icon.status-submitted
-  %dd Manager approved
-  %dl
-    .status-icon.status-manager-approved
-  %dd Customer approved
-  %dl
-    .status-icon.status-customer-approved
-  %dd Forwarded
-  %dl
-    .status-icon.status-forwarded
-  %dd Manager rejected
-  %dl
-    .status-icon.status-manager-rejected
-  %dd Customer rejected
-  %dl
-    .status-icon.status-customer-rejected
-  %dd Manager question
-  %dl
-    .status-icon.status-manager-question
-  %dd Withheld
-  %dl
-    .status-icon.status-withheld
-  %dd Reproduction 
-  %dl
-    .status-icon.status-reproduction
-  %dd Test Case passed
-  %dl
-    .status-icon.status-testcase-passed
-  %dd Test Case failed 
-  %dl
+---
+tags: icons
+title: Status icons
+---
+
+%dl.list-inline
+  %dd Open, Submitted
+  %dl
+    .status-icon.status-submitted
+  %dd Manager approved
+  %dl
+    .status-icon.status-manager-approved
+  %dd Customer approved
+  %dl
+    .status-icon.status-customer-approved
+  %dd Forwarded
+  %dl
+    .status-icon.status-forwarded
+  %dd Manager rejected
+  %dl
+    .status-icon.status-manager-rejected
+  %dd Customer rejected
+  %dl
+    .status-icon.status-customer-rejected
+  %dd Manager question
+  %dl
+    .status-icon.status-manager-question
+  %dd Withheld
+  %dl
+    .status-icon.status-withheld
+  %dd Reproduction 
+  %dl
+    .status-icon.status-reproduction
+  %dd Test Case passed
+  %dl
+    .status-icon.status-testcase-passed
+  %dd Test Case failed 
+  %dl
     .status-icon.status-testcase-failed

package/src/pages/layout/app_layout.haml

@@ -1,28 +1,28 @@
----
-tags: layout
-title: App layout structure
----
-
-.grid.gap-1px.p-xs.bg-gray-lightest.rounded
-  %p .app-body
-  .p-xs.pl-md.bg-petrol-dark.text-white.rounded-top .header
-  .grid.grid-cols-2-auto-fr.gap-1px
-    .bg-petrol-dark.text-white.p-xs.pl-md.w-sidebar.rounded-bl nav.sidebar
-    .grid.gap-1px
-      .bg-gray-light.p-xs.pl-md .test-header.tester
-      .grid.grid-cols-2-fr-auto
-        .bg-white.p-xs.pl-md.h-xxl .main-content
-        .bg-gray-lighter.p-xs.pl-md.w-metasidebar aside.metasidebar
-      .bg-petrol.text-white.p-xs.pl-md.rounded-br footer.actionbar
-
-%h5.mt-md HTML structure
-%code
-  &#60body class=&quotapp-body&quot&#62
-  %br
-  .ml-md &#60header class=&quotheader&quot&#62
-  .ml-md &#60nav class=&quotsidebar&quot&#62
-  .ml-md &#60header class=&quottest-header tester&quot&#62
-  .ml-md &#60main class=&quotmain-content&quot&#62
-  .ml-md &#60aside class=&quotmetasidebar&quot&#62
-  .ml-md &#60footer class=&quotactionbar&quot&#62
+---
+tags: layout
+title: App layout structure
+---
+
+.grid.gap-1px.p-xs.bg-gray-lightest.rounded
+  %p .app-body
+  .p-xs.pl-md.bg-petrol-dark.text-white.rounded-top .header
+  .grid.grid-cols-2-auto-fr.gap-1px
+    .bg-petrol-dark.text-white.p-xs.pl-md.w-sidebar.rounded-bl nav.sidebar
+    .grid.gap-1px
+      .bg-gray-light.p-xs.pl-md .test-header.tester
+      .grid.grid-cols-2-fr-auto
+        .bg-white.p-xs.pl-md.h-xxl .main-content
+        .bg-gray-lighter.p-xs.pl-md.w-metasidebar aside.metasidebar
+      .bg-petrol.text-white.p-xs.pl-md.rounded-br footer.actionbar
+
+%h5.mt-md HTML structure
+%code
+  &#60body class=&quotapp-body&quot&#62
+  %br
+  .ml-md &#60header class=&quotheader&quot&#62
+  .ml-md &#60nav class=&quotsidebar&quot&#62
+  .ml-md &#60header class=&quottest-header tester&quot&#62
+  .ml-md &#60main class=&quotmain-content&quot&#62
+  .ml-md &#60aside class=&quotmetasidebar&quot&#62
+  .ml-md &#60footer class=&quotactionbar&quot&#62
   &#60/body&quot&#62

package/src/pages/layout/index.njk

@@ -1,7 +1,7 @@
----
-layout: base
-permalink: layout/
----
-
-{% set collection = collections.layout %}
+---
+layout: base
+permalink: layout/
+---
+
+{% set collection = collections.layout %}
 {% include "page-with-sidebar.njk" %}

package/src/pages/layout/max_width.haml

@@ -1,50 +1,50 @@
----
-tags: layout
-title: Max-width capped
----
-
-.card.bg-gray-lighter.p-sm.max-w-capped
-  %p Card with the class .max-width-capped. The card width will be capped to ensure readability. 
-%p.mb-sm.max-w-capped This class should also be applied to text elements to ensure readability in the case of an endless amount of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-.form-grid.mb-sm.max-w-capped
-  .form-group
-    %label.form-label Input
-    %input.form-control{type:'text', placeholder:"Some delicious placeholder text"}
-  .form-group
-    %label.form-label Input disabled
-    %input.form-control{type:'text', value:"Some delicious readonly value text", disabled:"true"}
-.list-listitems.mb-sm.max-w-capped
-  .listitem
-    .listitem-title
-      List-item
-      .listitem-label with max-w-capped on the parent container
-    .listitem-actions
-      %a.btn.btn-secondary.hidden-xs-down
-        .icon.icon-check-circle-filled.mr-icon-spacing
-        Action
-      %a.btn.btn-secondary.hidden-xs-down
-        .icon.icon-check-circle-filled.mr-icon-spacing
-        Action
-      %a.btn.btn-primary
-        .icon.icon-cloud-upload.mr-icon-spacing
-        Primary action
-      %details.dropdown-actions.dropright
-        %summary
-          .btn.btn-primary.btn-square
-            %span.icon.text-icon-default.icon-more
-        .listitem-more-menu.popover-menu
-          %a.popover-action.hidden-xs-up
-            .icon.icon-check-circle-filled
-            Action
-          %a.popover-action.hidden-xs-up
-            .icon.icon-check-circle-filled
-            Action
-          %a.popover-action
-            %span.icon.text-icon-default.icon-pencil
-            Edit
-          %a.popover-action
-            %span.icon.text-icon-default.icon-duplicate
-            Duplicate
-          %a.popover-action
-            %span.icon.text-icon-default.icon-remove
+---
+tags: layout
+title: Max-width capped
+---
+
+.card.bg-gray-lighter.p-sm.max-w-capped
+  %p Card with the class .max-width-capped. The card width will be capped to ensure readability. 
+%p.mb-sm.max-w-capped This class should also be applied to text elements to ensure readability in the case of an endless amount of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+.form-grid.mb-sm.max-w-capped
+  .form-group
+    %label.form-label Input
+    %input.form-control{type:'text', placeholder:"Some delicious placeholder text"}
+  .form-group
+    %label.form-label Input disabled
+    %input.form-control{type:'text', value:"Some delicious readonly value text", disabled:"true"}
+.list-listitems.mb-sm.max-w-capped
+  .listitem
+    .listitem-title
+      List-item
+      .listitem-label with max-w-capped on the parent container
+    .listitem-actions
+      %a.btn.btn-secondary.hidden-xs-down
+        .icon.icon-check-circle-filled.mr-icon-spacing
+        Action
+      %a.btn.btn-secondary.hidden-xs-down
+        .icon.icon-check-circle-filled.mr-icon-spacing
+        Action
+      %a.btn.btn-primary
+        .icon.icon-cloud-upload.mr-icon-spacing
+        Primary action
+      %details.dropdown-actions.dropright
+        %summary
+          .btn.btn-primary.btn-square
+            %span.icon.text-icon-default.icon-more
+        .listitem-more-menu.popover-menu
+          %a.popover-action.hidden-xs-up
+            .icon.icon-check-circle-filled
+            Action
+          %a.popover-action.hidden-xs-up
+            .icon.icon-check-circle-filled
+            Action
+          %a.popover-action
+            %span.icon.text-icon-default.icon-pencil
+            Edit
+          %a.popover-action
+            %span.icon.text-icon-default.icon-duplicate
+            Duplicate
+          %a.popover-action
+            %span.icon.text-icon-default.icon-remove
             Delete

package/src/pages/layout/spacing.haml

@@ -1,30 +1,30 @@
----
-tags: layout
-title: Spacing
----
-
-%dl.list-inline
-  %dd Spacing XXS
-  %dt
-    .h-xxs.w-xxs.bg-gray
-  %dd Spacing XS
-  %dt
-    .h-xs.w-xs.bg-gray
-  %dd Spacing SM
-  %dt
-    .h-sm.w-sm.bg-gray
-  %dd Spacing MD
-  %dt
-    .h-md.w-md.bg-gray
-  %dd Spacing
-  %dt
-    .h-spacing.w-spacing.bg-gray
-  %dd Spacing LG
-  %dt
-    .h-lg.w-lg.bg-gray
-  %dd Spacing XL
-  %dt
-    .h-xl.w-xl.bg-gray
-  %dd Spacing XXL
-  %dt
-    .h-xxl.w-xxl.bg-gray
+---
+tags: layout
+title: Spacing
+---
+
+%dl.list-inline
+  %dd Spacing XXS
+  %dt
+    .h-xxs.w-xxs.bg-gray
+  %dd Spacing XS
+  %dt
+    .h-xs.w-xs.bg-gray
+  %dd Spacing SM
+  %dt
+    .h-sm.w-sm.bg-gray
+  %dd Spacing MD
+  %dt
+    .h-md.w-md.bg-gray
+  %dd Spacing
+  %dt
+    .h-spacing.w-spacing.bg-gray
+  %dd Spacing LG
+  %dt
+    .h-lg.w-lg.bg-gray
+  %dd Spacing XL
+  %dt
+    .h-xl.w-xl.bg-gray
+  %dd Spacing XXL
+  %dt
+    .h-xxl.w-xxl.bg-gray