testio-tailwind 0.1.0 → 0.2.1

package/src/pages/forms/selectable_token.haml

@@ -1,49 +1,49 @@
----
-tags: forms
-title: Selectable token 
----
-
-%ul.list-inline.flex.mb-3
-  %li.selectable-token
-    %input#selectabletoken1{type:"checkbox", checked:"true"}
-    %label{for:"selectabletoken1"}
-      %span.icon.icon-chrome.mr-icon-spacing
-      Selectable token
-  %li.selectable-token
-    %input#selectabletoken3{type:"checkbox"}
-    %label{for:"selectabletoken3"}
-      %span.icon.icon-chrome.mr-icon-spacing
-      Selectable token
-  %li.selectable-token.disabled
-    %input#selectabletoken4{type:'checkbox', disabled:'true', checked:'true'}
-    %label{for:'selectabletoken4'}
-      %span.icon.icon-chrome.mr-icon-spacing
-      Selectable token
-  %li.selectable-token.disabled
-    %input#selectabletoken5{type:'checkbox', disabled:'true'}
-    %label{for:'selectabletoken5'}
-      %span.icon.icon-chrome.mr-icon-spacing
-      Selectable token
-
-.form-grid.single.narrow.bg-black.p-3
-  %ul.list-inline.flex
-    %li.selectable-token.inverted
-      %input#selectabletoken5inv{type:'checkbox', checked:'true'}
-      %label{for:'selectabletoken5inv'}
-        %span.icon.icon-chrome.mr-icon-spacing
-        Selectable token
-    %li.selectable-token.inverted
-      %input#selectabletoken6inv{type:'checkbox'}
-      %label{for:'selectabletoken6inv'}
-        %span.icon.icon-chrome.mr-icon-spacing
-        Selectable token
-    %li.selectable-token.inverted.disabled
-      %input#selectabletoken7inv{type:'checkbox', disabled:'true', checked:'true'}
-      %label{for:'selectabletoken7inv'}
-        %span.icon.icon-chrome.mr-icon-spacing
-        Selectable token
-    %li.selectable-token.inverted.disabled
-      %input#selectabletoken8{type:'checkbox', disabled:'true'}
-      %label{for:'selectabletoken8'}
-        %span.icon.icon-chrome.mr-icon-spacing
-        Selectable token
+---
+tags: forms
+title: Selectable token 
+---
+
+%ul.list-inline.flex.mb-3
+  %li.selectable-token
+    %input#selectabletoken1{type:"checkbox", checked:"true"}
+    %label{for:"selectabletoken1"}
+      %span.icon.icon-chrome.mr-icon-spacing
+      Selectable token
+  %li.selectable-token
+    %input#selectabletoken3{type:"checkbox"}
+    %label{for:"selectabletoken3"}
+      %span.icon.icon-chrome.mr-icon-spacing
+      Selectable token
+  %li.selectable-token.disabled
+    %input#selectabletoken4{type:'checkbox', disabled:'true', checked:'true'}
+    %label{for:'selectabletoken4'}
+      %span.icon.icon-chrome.mr-icon-spacing
+      Selectable token
+  %li.selectable-token.disabled
+    %input#selectabletoken5{type:'checkbox', disabled:'true'}
+    %label{for:'selectabletoken5'}
+      %span.icon.icon-chrome.mr-icon-spacing
+      Selectable token
+
+.form-grid.single.narrow.bg-black.p-3
+  %ul.list-inline.flex
+    %li.selectable-token.inverted
+      %input#selectabletoken5inv{type:'checkbox', checked:'true'}
+      %label{for:'selectabletoken5inv'}
+        %span.icon.icon-chrome.mr-icon-spacing
+        Selectable token
+    %li.selectable-token.inverted
+      %input#selectabletoken6inv{type:'checkbox'}
+      %label{for:'selectabletoken6inv'}
+        %span.icon.icon-chrome.mr-icon-spacing
+        Selectable token
+    %li.selectable-token.inverted.disabled
+      %input#selectabletoken7inv{type:'checkbox', disabled:'true', checked:'true'}
+      %label{for:'selectabletoken7inv'}
+        %span.icon.icon-chrome.mr-icon-spacing
+        Selectable token
+    %li.selectable-token.inverted.disabled
+      %input#selectabletoken8{type:'checkbox', disabled:'true'}
+      %label{for:'selectabletoken8'}
+        %span.icon.icon-chrome.mr-icon-spacing
+        Selectable token

package/src/pages/forms/selectable_token_browsers.haml

@@ -1,66 +1,66 @@
----
-tags: forms
-title: Selectable token for browsers
----
-
-%ul
-  %li
-    %p.mb-xxs Smartphone | iOS 11
-    %ul.list-inline
-      %li.icon-lg.icon-smartphone-apple-lg
-      %li.selectable-token.square
-        %input#checkbrowser1{type:"checkbox", checked:"true"}
-        %label{for:"checkbrowser1"}
-          %span.icon.icon-chrome
-      %li.selectable-token.square
-        %input#checkbrowser3{type:"checkbox"}
-        %label{for:"checkbrowser3"}
-          %span.icon.icon-chrome
-      %li.selectable-token.square.disabled
-        %input#checkbrowser4{type:'checkbox', disabled:'true', checked:'true'}
-        %label{for:'checkbrowser4'}
-          %span.icon.icon-chrome
-      %li.selectable-token.square.disabled
-        %input#checkbrowser5{type:'checkbox', disabled:'true'}
-        %label{for:'checkbrowser5'}
-          %span.icon.icon-chrome
-  %li
-    %p.mb-xxs Computer | Windows 11
-    %ul.list-inline
-      %li.icon-lg.icon-desktop-windows-lg
-      %li.selectable-token.square
-        %input#checkbrowserpc1{type:"checkbox", checked:"true"}
-        %label{for:"checkbrowserpc1"}
-          %span.icon.icon-chrome
-      %li.selectable-token.square
-        %input#checkbrowserpc3{type:"checkbox"}
-        %label{for:"checkbrowserpc3"}
-          %span.icon.icon-chrome
-      %li.selectable-token.square.disabled
-        %input#checkbrowserpc4{type:'checkbox', disabled:'true', checked:'true'}
-        %label{for:'checkbrowserpc4'}
-          %span.icon.icon-chrome
-      %li.selectable-token.square.disabled
-        %input#checkbrowserpc5{type:'checkbox', disabled:'true'}
-        %label{for:'checkbrowserpc5'}
-          %span.icon.icon-chrome
-
-.form-grid.single.narrow.bg-black.p-3.mt-sm
-  %ul.list-inline
-    %li.icon-lg.icon-smartphone-apple-lg.text-white
-    %li.selectable-token.square.inverted
-      %input#checkbrowser5inv{type:'checkbox', checked:'true'}
-      %label{for:'checkbrowser5inv'}
-        %span.icon.icon-chrome
-    %li.selectable-token.square.inverted
-      %input#checkbrowser6inv{type:'checkbox'}
-      %label{for:'checkbrowser6inv'}
-        %span.icon.icon-chrome
-    %li.selectable-token.square.inverted.disabled
-      %input#checkbrowser7inv{type:'checkbox', disabled:'true', checked:'true'}
-      %label{for:'checkbrowser7inv'}
-        %span.icon.icon-chrome
-    %li.selectable-token.square.inverted.disabled
-      %input#checkbrowser8{type:'checkbox', disabled:'true'}
-      %label{for:'checkbrowser8'}
-        %span.icon.icon-chrome
+---
+tags: forms
+title: Selectable token for browsers
+---
+
+%ul
+  %li
+    %p.mb-xxs Smartphone | iOS 11
+    %ul.list-inline
+      %li.icon-lg.icon-smartphone-apple-lg
+      %li.selectable-token.square
+        %input#checkbrowser1{type:"checkbox", checked:"true"}
+        %label{for:"checkbrowser1"}
+          %span.icon.icon-chrome
+      %li.selectable-token.square
+        %input#checkbrowser3{type:"checkbox"}
+        %label{for:"checkbrowser3"}
+          %span.icon.icon-chrome
+      %li.selectable-token.square.disabled
+        %input#checkbrowser4{type:'checkbox', disabled:'true', checked:'true'}
+        %label{for:'checkbrowser4'}
+          %span.icon.icon-chrome
+      %li.selectable-token.square.disabled
+        %input#checkbrowser5{type:'checkbox', disabled:'true'}
+        %label{for:'checkbrowser5'}
+          %span.icon.icon-chrome
+  %li
+    %p.mb-xxs Computer | Windows 11
+    %ul.list-inline
+      %li.icon-lg.icon-desktop-windows-lg
+      %li.selectable-token.square
+        %input#checkbrowserpc1{type:"checkbox", checked:"true"}
+        %label{for:"checkbrowserpc1"}
+          %span.icon.icon-chrome
+      %li.selectable-token.square
+        %input#checkbrowserpc3{type:"checkbox"}
+        %label{for:"checkbrowserpc3"}
+          %span.icon.icon-chrome
+      %li.selectable-token.square.disabled
+        %input#checkbrowserpc4{type:'checkbox', disabled:'true', checked:'true'}
+        %label{for:'checkbrowserpc4'}
+          %span.icon.icon-chrome
+      %li.selectable-token.square.disabled
+        %input#checkbrowserpc5{type:'checkbox', disabled:'true'}
+        %label{for:'checkbrowserpc5'}
+          %span.icon.icon-chrome
+
+.form-grid.single.narrow.bg-black.p-3.mt-sm
+  %ul.list-inline
+    %li.icon-lg.icon-smartphone-apple-lg.text-white
+    %li.selectable-token.square.inverted
+      %input#checkbrowser5inv{type:'checkbox', checked:'true'}
+      %label{for:'checkbrowser5inv'}
+        %span.icon.icon-chrome
+    %li.selectable-token.square.inverted
+      %input#checkbrowser6inv{type:'checkbox'}
+      %label{for:'checkbrowser6inv'}
+        %span.icon.icon-chrome
+    %li.selectable-token.square.inverted.disabled
+      %input#checkbrowser7inv{type:'checkbox', disabled:'true', checked:'true'}
+      %label{for:'checkbrowser7inv'}
+        %span.icon.icon-chrome
+    %li.selectable-token.square.inverted.disabled
+      %input#checkbrowser8{type:'checkbox', disabled:'true'}
+      %label{for:'checkbrowser8'}
+        %span.icon.icon-chrome

package/src/pages/forms/selectable_token_lg.haml

@@ -1,49 +1,49 @@
----
-tags: forms
-title: Selectable token LG
----
-
-%ul.list-inline.flex.mb-3
-  %li.selectable-token.lg
-    %input#selectabletokenlg1{type:"checkbox", checked:"true"}
-    %label{for:"selectabletokenlg1"}
-      .icon.icon-computer-lg
-      Selectable token
-  %li.selectable-token.lg
-    %input#selectabletokenlg3{type:"checkbox"}
-    %label{for:"selectabletokenlg3"}
-      .icon.icon-bug-reproduction-lg
-      Selectable token
-  %li.selectable-token.lg.disabled
-    %input#selectabletokenlg4{type:"checkbox", disabled:"true", checked:"true"}
-    %label{for:"selectabletokenlg4"}
-      .icon.icon-explorative-lg
-      Selectable token
-  %li.selectable-token.lg.disabled
-    %input#selectabletokenlg5{type:"checkbox", disabled:"true"}
-    %label{for:"selectabletokenlg5"}
-      .icon.icon-explorative-lg
-      Selectable token
-
-.form-grid.single.narrow.bg-black.p-3
-  %ul.list-inline.flex
-    %li.selectable-token.lg.inverted
-      %input#selectabletokenlg5inv{type:"checkbox", checked:"true"}
-      %label{for:"selectabletokenlg5inv"}
-        .icon.icon-computer-lg
-        Selectable token
-    %li.selectable-token.lg.inverted
-      %input#selectabletokenlg6inv{type:"checkbox"}
-      %label{for:"selectabletokenlg6inv"}
-        .icon.icon-bug-reproduction-lg
-        Selectable token
-    %li.selectable-token.lg.inverted.disabled
-      %input#selectabletokenlg7inv{type:"checkbox", disabled:"true", checked:"true"}
-      %label{for:"selectabletokenlg7inv"}
-        .icon.icon-explorative-lg
-        Selectable token
-    %li.selectable-token.lg.inverted.disabled
-      %input#selectabletokenlg8{type:"checkbox", disabled:"true"}
-      %label{for:"selectabletokenlg8"}
-        .icon.icon-explorative-lg
-        Selectable token
+---
+tags: forms
+title: Selectable token LG
+---
+
+%ul.list-inline.flex.mb-3
+  %li.selectable-token.lg
+    %input#selectabletokenlg1{type:"checkbox", checked:"true"}
+    %label{for:"selectabletokenlg1"}
+      .icon.icon-computer-lg
+      Selectable token
+  %li.selectable-token.lg
+    %input#selectabletokenlg3{type:"checkbox"}
+    %label{for:"selectabletokenlg3"}
+      .icon.icon-bug-reproduction-lg
+      Selectable token
+  %li.selectable-token.lg.disabled
+    %input#selectabletokenlg4{type:"checkbox", disabled:"true", checked:"true"}
+    %label{for:"selectabletokenlg4"}
+      .icon.icon-explorative-lg
+      Selectable token
+  %li.selectable-token.lg.disabled
+    %input#selectabletokenlg5{type:"checkbox", disabled:"true"}
+    %label{for:"selectabletokenlg5"}
+      .icon.icon-explorative-lg
+      Selectable token
+
+.form-grid.single.narrow.bg-black.p-3
+  %ul.list-inline.flex
+    %li.selectable-token.lg.inverted
+      %input#selectabletokenlg5inv{type:"checkbox", checked:"true"}
+      %label{for:"selectabletokenlg5inv"}
+        .icon.icon-computer-lg
+        Selectable token
+    %li.selectable-token.lg.inverted
+      %input#selectabletokenlg6inv{type:"checkbox"}
+      %label{for:"selectabletokenlg6inv"}
+        .icon.icon-bug-reproduction-lg
+        Selectable token
+    %li.selectable-token.lg.inverted.disabled
+      %input#selectabletokenlg7inv{type:"checkbox", disabled:"true", checked:"true"}
+      %label{for:"selectabletokenlg7inv"}
+        .icon.icon-explorative-lg
+        Selectable token
+    %li.selectable-token.lg.inverted.disabled
+      %input#selectabletokenlg8{type:"checkbox", disabled:"true"}
+      %label{for:"selectabletokenlg8"}
+        .icon.icon-explorative-lg
+        Selectable token

package/src/pages/forms/selectable_token_xl.haml

@@ -1,49 +1,49 @@
----
-tags: forms
-title: Selectable token XL 
----
-
-%ul.list-inline.flex.mb-3
-  %li.selectable-token.xl
-    %input#selectabletokenxl1{type:"checkbox", checked:"true"}
-    %label{for:"selectabletokenxl1"}
-      %span.icon.icon-rapid-test-xl
-      Selectable token
-  %li.selectable-token.xl
-    %input#selectabletokenxl3{type:"checkbox"}
-    %label{for:"selectabletokenxl3"}
-      %span.icon.icon-bug-reproduction-xl
-      Selectable token
-  %li.selectable-token.xl.disabled
-    %input#selectabletokenxl4{type:'checkbox', disabled:'true', checked:'true'}
-    %label{for:"selectabletokenxl4"}
-      %span.icon.icon-rapid-test-xl
-      Selectable token
-  %li.selectable-token.xl.disabled
-    %input#selectabletokenxl5{type:'checkbox', disabled:'true'}
-    %label{for:"selectabletokenxl5"}
-      %span.icon.icon-rapid-test-xl
-      Selectable token
-
-.form-grid.single.narrow.bg-black.p-3
-  %ul.list-inline.flex
-    %li.selectable-token.xl.inverted
-      %input#selectabletokenxl5inv{type:'checkbox', checked:'true'}
-      %label{for:"selectabletokenxl5inv"}
-        %span.icon.icon-rapid-test-xl
-        Selectable token
-    %li.selectable-token.xl.inverted
-      %input#selectabletokenxl6inv{type:'checkbox'}
-      %label{for:"selectabletokenxl6inv"}
-        %span.icon.icon-bug-reproduction-xl
-        Selectable token
-    %li.selectable-token.xl.inverted.disabled
-      %input#selectabletokenxl7inv{type:'checkbox', disabled:'true', checked:'true'}
-      %label{for:"selectabletokenxl7inv"}
-        %span.icon.icon-rapid-test-xl
-        Selectable token
-    %li.selectable-token.xl.inverted.disabled
-      %input#selectabletokenxl8{type:'checkbox', disabled:'true'}
-      %label{for:"selectabletokenxl8"}
-        %span.icon.icon-rapid-test-xl
-        Selectable token
+---
+tags: forms
+title: Selectable token XL 
+---
+
+%ul.list-inline.flex.mb-3
+  %li.selectable-token.xl
+    %input#selectabletokenxl1{type:"checkbox", checked:"true"}
+    %label{for:"selectabletokenxl1"}
+      %span.icon.icon-rapid-test-xl
+      Selectable token
+  %li.selectable-token.xl
+    %input#selectabletokenxl3{type:"checkbox"}
+    %label{for:"selectabletokenxl3"}
+      %span.icon.icon-bug-reproduction-xl
+      Selectable token
+  %li.selectable-token.xl.disabled
+    %input#selectabletokenxl4{type:'checkbox', disabled:'true', checked:'true'}
+    %label{for:"selectabletokenxl4"}
+      %span.icon.icon-rapid-test-xl
+      Selectable token
+  %li.selectable-token.xl.disabled
+    %input#selectabletokenxl5{type:'checkbox', disabled:'true'}
+    %label{for:"selectabletokenxl5"}
+      %span.icon.icon-rapid-test-xl
+      Selectable token
+
+.form-grid.single.narrow.bg-black.p-3
+  %ul.list-inline.flex
+    %li.selectable-token.xl.inverted
+      %input#selectabletokenxl5inv{type:'checkbox', checked:'true'}
+      %label{for:"selectabletokenxl5inv"}
+        %span.icon.icon-rapid-test-xl
+        Selectable token
+    %li.selectable-token.xl.inverted
+      %input#selectabletokenxl6inv{type:'checkbox'}
+      %label{for:"selectabletokenxl6inv"}
+        %span.icon.icon-bug-reproduction-xl
+        Selectable token
+    %li.selectable-token.xl.inverted.disabled
+      %input#selectabletokenxl7inv{type:'checkbox', disabled:'true', checked:'true'}
+      %label{for:"selectabletokenxl7inv"}
+        %span.icon.icon-rapid-test-xl
+        Selectable token
+    %li.selectable-token.xl.inverted.disabled
+      %input#selectabletokenxl8{type:'checkbox', disabled:'true'}
+      %label{for:"selectabletokenxl8"}
+        %span.icon.icon-rapid-test-xl
+        Selectable token

package/src/pages/forms/textarea.haml

@@ -1,24 +1,24 @@
----
-tags: forms
-title: Textarea
----
-
-.form-grid.mb-heading
-  .form-group
-    %label.form-label Textarea
-    %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
-  .form-group
-    %label.form-label Textarea
-    %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
-      The height of this textarea grows with its content
-  .form-group
-    %label.form-label Textarea
-    %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
-      With a lot of content the textarea will be huge. Therefore: Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
-  .form-group
-    .field_with_errors
-      %label.form-label Textarea with errors
-    .field_with_errors
-      %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
-        With a lot of content the textarea will be huge. Therefore: Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
-      .form-hint.error You made a mistake, which is why you see this form validation error message with some helpful 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.
+---
+tags: forms
+title: Textarea
+---
+
+.form-grid.mb-heading
+  .form-group
+    %label.form-label Textarea
+    %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
+  .form-group
+    %label.form-label Textarea
+    %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
+      The height of this textarea grows with its content
+  .form-group
+    %label.form-label Textarea
+    %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
+      With a lot of content the textarea will be huge. Therefore: Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
+  .form-group
+    .field_with_errors
+      %label.form-label Textarea with errors
+    .field_with_errors
+      %textarea.form-control{rows:'1', placeholder:"Enter some long form content"}
+        With a lot of content the textarea will be huge. Therefore: Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
+      .form-hint.error You made a mistake, which is why you see this form validation error message with some helpful 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.