testio-tailwind 0.8.7 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +38 -3
  2. package/index.html +42 -26
  3. package/package.json +1 -1
  4. package/src/assets/stylesheets/app.css +2 -1
  5. package/src/assets/stylesheets/components/buttons.css +3 -1
  6. package/src/assets/stylesheets/components/devices.css +1 -1
  7. package/src/assets/stylesheets/components/fonts/testio.eot +0 -0
  8. package/src/assets/stylesheets/components/fonts/testio.svg +2 -0
  9. package/src/assets/stylesheets/components/fonts/testio.ttf +0 -0
  10. package/src/assets/stylesheets/components/fonts/testio.woff +0 -0
  11. package/src/assets/stylesheets/components/fonts/testio.woff2 +0 -0
  12. package/src/assets/stylesheets/components/iconfont.css +7 -1
  13. package/src/assets/stylesheets/components/markdown_trix_styles.css +4 -4
  14. package/src/assets/stylesheets/components/modals.css +0 -7
  15. package/src/assets/stylesheets/components/tables.css +280 -2
  16. package/src/assets/stylesheets/components/tags.css +16 -2
  17. package/src/assets/stylesheets/postcss.config.js +9 -1
  18. package/src/assets/stylesheets/tailwind.config.js +15 -3
  19. package/src/index.pug +37 -8
  20. package/src/pages/buttons/block.haml +1 -1
  21. package/src/pages/buttons/buttons-sm.haml +1 -1
  22. package/src/pages/buttons/buttons.haml +1 -1
  23. package/src/pages/buttons/buttons_input.haml +1 -1
  24. package/src/pages/buttons/square-buttons.haml +1 -1
  25. package/src/pages/ci.haml +35 -0
  26. package/src/pages/components/tables-cellstyle.pug +285 -0
  27. package/src/pages/components/tables-grid.pug +258 -0
  28. package/src/pages/components/tables_cells.pug +57 -0
  29. package/src/pages/components/tags.haml +51 -0
  30. package/src/pages/layout/margins.haml +55 -0
  31. package/src/pages/layout/paddings.haml +86 -0
  32. package/src/pages/layout/spacing.haml +30 -8
  33. package/src/pages/typography/trix_styles.haml +7 -7
  34. package/src/static/app.compiled.css +12896 -12027
  35. package/src/static/app.compiled.css.map +1 -1
  36. package/src/pages/ci.pug +0 -8
package/src/pages/layout/margins.haml ADDED
@@ -0,0 +1,55 @@
1
+ ---
2
+ tags: layout
3
+ title: Margins
4
+ ---
5
+
6
+ %dl.list-inline
7
+ %dd xxs
8
+ %dt.flex.flex-row.bg-gray-lightest
9
+ .h-xs.w-xs.bg-gray.mt-xxs.mr-xxs
10
+ .h-xs.w-xs.bg-gray.mr-xxs
11
+ .h-xs.w-xs.bg-gray.mb-xxs
12
+ .h-xs.w-xs.bg-gray.ml-xxs
13
+ %dd xs
14
+ %dt.flex.flex-row.bg-gray-lightest
15
+ .h-xs.w-xs.bg-gray.mt-xs.mr-xs
16
+ .h-xs.w-xs.bg-gray.mr-xs
17
+ .h-xs.w-xs.bg-gray.mb-xs
18
+ .h-xs.w-xs.bg-gray.ml-xs
19
+ %dd sm
20
+ %dt.flex.flex-row.bg-gray-lightest
21
+ .h-xs.w-xs.bg-gray.mt-sm.mr-sm
22
+ .h-xs.w-xs.bg-gray.mr-sm
23
+ .h-xs.w-xs.bg-gray.mb-sm
24
+ .h-xs.w-xs.bg-gray.ml-sm
25
+ %dd md
26
+ %dt.flex.flex-row.bg-gray-lightest
27
+ .h-xs.w-xs.bg-gray.mt-md.mr-md
28
+ .h-xs.w-xs.bg-gray.mr-md
29
+ .h-xs.w-xs.bg-gray.mb-md
30
+ .h-xs.w-xs.bg-gray.ml-md
31
+ %dd spacing
32
+ %dt.flex.flex-row.bg-gray-lightest
33
+ .h-xs.w-xs.bg-gray.mt-spacing.mr-spacing
34
+ .h-xs.w-xs.bg-gray.mr-spacing
35
+ .h-xs.w-xs.bg-gray.mb-spacing
36
+ .h-xs.w-xs.bg-gray.ml-spacing
37
+ %dd lg
38
+ %dt.flex.flex-row.bg-gray-lightest
39
+ .h-xs.w-xs.bg-gray.mt-lg.mr-lg
40
+ .h-xs.w-xs.bg-gray.mr-lg
41
+ .h-xs.w-xs.bg-gray.mb-lg
42
+ .h-xs.w-xs.bg-gray.ml-lg
43
+ %dd xl
44
+ %dt.flex.flex-row.bg-gray-lightest
45
+ .h-xs.w-xs.bg-gray.mt-xl.mr-xl
46
+ .h-xs.w-xs.bg-gray.mr-xl
47
+ .h-xs.w-xs.bg-gray.mb-xl
48
+ .h-xs.w-xs.bg-gray.ml-xl
49
+ %dd xxl
50
+ %dt.flex.flex-row.bg-gray-lightest
51
+ .h-xs.w-xs.bg-gray.mt-xxl.mr-xxl
52
+ .h-xs.w-xs.bg-gray.mr-xxl
53
+ .h-xs.w-xs.bg-gray.mb-xxl
54
+ .h-xs.w-xs.bg-gray.ml-xxl
55
+
package/src/pages/layout/paddings.haml ADDED
@@ -0,0 +1,86 @@
1
+ ---
2
+ tags: layout
3
+ title: Paddings
4
+ ---
5
+
6
+ %dl.list-inline
7
+ %dd xxs
8
+ %dt.flex.flex-row.items-start.bg-gray-lightest
9
+ .bg-gray-light.mr-xs.pt-xxs
10
+ .bg-gray.h-xs.w-xs
11
+ .bg-gray-light.mr-xs.pb-xxs
12
+ .bg-gray.h-xs.w-xs
13
+ .bg-gray-light.mr-xs.pr-xxs
14
+ .bg-gray.h-xs.w-xs
15
+ .bg-gray-light.mr-xs.pl-xxs
16
+ .bg-gray.h-xs.w-xs
17
+ %dd xs
18
+ %dt.flex.flex-row.items-start.bg-gray-lightest
19
+ .bg-gray-light.mr-xs.pt-xs
20
+ .bg-gray.h-xs.w-xs
21
+ .bg-gray-light.mr-xs.pb-xs
22
+ .bg-gray.h-xs.w-xs
23
+ .bg-gray-light.mr-xs.pr-xs
24
+ .bg-gray.h-xs.w-xs
25
+ .bg-gray-light.mr-xs.pl-xs
26
+ .bg-gray.h-xs.w-xs
27
+ %dd sm
28
+ %dt.flex.flex-row.items-start.bg-gray-lightest
29
+ .bg-gray-light.mr-xs.pt-sm
30
+ .bg-gray.h-xs.w-xs
31
+ .bg-gray-light.mr-xs.pb-sm
32
+ .bg-gray.h-xs.w-xs
33
+ .bg-gray-light.mr-xs.pr-sm
34
+ .bg-gray.h-xs.w-xs
35
+ .bg-gray-light.mr-xs.pl-sm
36
+ .bg-gray.h-xs.w-xs
37
+ %dd md
38
+ %dt.flex.flex-row.items-start.bg-gray-lightest
39
+ .bg-gray-light.mr-xs.pt-md
40
+ .bg-gray.h-xs.w-xs
41
+ .bg-gray-light.mr-xs.pb-md
42
+ .bg-gray.h-xs.w-xs
43
+ .bg-gray-light.mr-xs.pr-md
44
+ .bg-gray.h-xs.w-xs
45
+ .bg-gray-light.mr-xs.pl-md
46
+ .bg-gray.h-xs.w-xs
47
+ %dd spacing
48
+ %dt.flex.flex-row.items-start.bg-gray-lightest
49
+ .bg-gray-light.mr-xs.pt-spacing
50
+ .bg-gray.h-xs.w-xs
51
+ .bg-gray-light.mr-xs.pb-spacing
52
+ .bg-gray.h-xs.w-xs
53
+ .bg-gray-light.mr-xs.pr-spacing
54
+ .bg-gray.h-xs.w-xs
55
+ .bg-gray-light.mr-xs.pl-spacing
56
+ .bg-gray.h-xs.w-xs
57
+ %dd lg
58
+ %dt.flex.flex-row.items-start.bg-gray-lightest
59
+ .bg-gray-light.mr-xs.pt-lg
60
+ .bg-gray.h-xs.w-xs
61
+ .bg-gray-light.mr-xs.pb-lg
62
+ .bg-gray.h-xs.w-xs
63
+ .bg-gray-light.mr-xs.pr-lg
64
+ .bg-gray.h-xs.w-xs
65
+ .bg-gray-light.mr-xs.pl-lg
66
+ .bg-gray.h-xs.w-xs
67
+ %dd xl
68
+ %dt.flex.flex-row.items-start.bg-gray-lightest
69
+ .bg-gray-light.mr-xs.pt-xl
70
+ .bg-gray.h-xs.w-xs
71
+ .bg-gray-light.mr-xs.pb-xl
72
+ .bg-gray.h-xs.w-xs
73
+ .bg-gray-light.mr-xs.pr-xl
74
+ .bg-gray.h-xs.w-xs
75
+ .bg-gray-light.mr-xs.pl-xl
76
+ .bg-gray.h-xs.w-xs
77
+ %dd xxl
78
+ %dt.flex.flex-row.items-start.bg-gray-lightest
79
+ .bg-gray-light.mr-xs.pt-xxl
80
+ .bg-gray.h-xs.w-xs
81
+ .bg-gray-light.mr-xs.pb-xxl
82
+ .bg-gray.h-xs.w-xs
83
+ .bg-gray-light.mr-xs.pr-xxl
84
+ .bg-gray.h-xs.w-xs
85
+ .bg-gray-light.mr-xs.pl-xxl
86
+ .bg-gray.h-xs.w-xs
package/src/pages/layout/spacing.haml CHANGED
@@ -4,27 +4,49 @@ title: Spacing
4
4
  ---
5
5
 
6
6
  %dl.list-inline
7
- %dd Spacing XXS
7
+ %dd xxs
8
8
  %dt
9
9
  .h-xxs.w-xxs.bg-gray
10
- %dd Spacing XS
10
+ %dd xs
11
11
  %dt
12
12
  .h-xs.w-xs.bg-gray
13
- %dd Spacing SM
13
+ %dd sm
14
14
  %dt
15
15
  .h-sm.w-sm.bg-gray
16
- %dd Spacing MD
16
+ %dd md
17
17
  %dt
18
18
  .h-md.w-md.bg-gray
19
- %dd Spacing
19
+ %dd spacing
20
20
  %dt
21
21
  .h-spacing.w-spacing.bg-gray
22
- %dd Spacing LG
22
+ %dd lg
23
23
  %dt
24
24
  .h-lg.w-lg.bg-gray
25
- %dd Spacing XL
25
+ %dd xl
26
26
  %dt
27
27
  .h-xl.w-xl.bg-gray
28
- %dd Spacing XXL
28
+ %dd xxl
29
29
  %dt
30
30
  .h-xxl.w-xxl.bg-gray
31
+ %dd spacing-2xl
32
+ %dt
33
+ .h-spacing-2xl.w-spacing-2xl.bg-gray
34
+ %dd spacing-3xl
35
+ %dt
36
+ .h-spacing-3xl.w-spacing-3xl.bg-gray
37
+ %dd spacing-4xl
38
+ %dt
39
+ .h-spacing-4xl.w-spacing-4xl.bg-gray
40
+ %dd spacing-5xl
41
+ %dt
42
+ .h-spacing-5xl.w-spacing-5xl.bg-gray
43
+ %dd spacing-6xl
44
+ %dt
45
+ .h-spacing-6xl.w-spacing-6xl.bg-gray
46
+ %dd spacing-7xl
47
+ %dt
48
+ .h-spacing-7xl.w-spacing-7xl.bg-gray
49
+ %dd spacing-8xl
50
+ %dt
51
+ .h-spacing-8xl.w-spacing-8xl.bg-gray
52
+
package/src/pages/typography/trix_styles.haml CHANGED
@@ -51,18 +51,18 @@ title: Trix content styles
51
51
  %li Unordered list item
52
52
  %li Unordered list item with much more text and some serious lorem ipsum
53
53
  %li
54
- %p Nesting lists is never a good idea, but should look nice anyway.
54
+ Nesting lists is never a good idea, but should look nice anyway.
55
55
  %ul
56
56
  %li Unordered nested list item
57
57
  %li Unordered nested list item with much more text and some serious lorem ipsum
58
58
  %li
59
- %p Another level of nesting because why be constrained by reason?
59
+ Another level of nesting because why be constrained by reason?
60
60
  %ul
61
61
  %li Unordered nested list item
62
62
  %li Unordered nested list item with much more text and some serious lorem ipsum
63
63
  %li Another nested unordered list item
64
64
  %li
65
- %p Let's nest an ordered OL just for fun
65
+ Let's nest an ordered OL just for fun
66
66
  %ol
67
67
  %li Ordered nested list item
68
68
  %li Ordered nested list item with much more text and some serious lorem ipsum
@@ -76,23 +76,23 @@ title: Trix content styles
76
76
  %li Ordered list item
77
77
  %li Ordered list item with much more text and some serious lorem ipsum
78
78
  %li
79
- %p Nobody is save from nesting lists!
79
+ Nobody is save from nesting lists!
80
80
  %ol
81
81
  %li Ordered nested list item
82
82
  %li Ordered nested list item with much more text and some serious lorem ipsum
83
83
  %li
84
- %p Won't ever stop nesting!
84
+ Won't ever stop nesting!
85
85
  %ol
86
86
  %li Ordered nested list item
87
87
  %li Ordered nested list item with much more text and some serious lorem ipsum
88
88
  %li Another nested Ordered list item
89
89
  %li
90
- %p Nesting is fun, so let's ignore reason and put in more sublists
90
+ Nesting is fun, so let's ignore reason and put in more sublists
91
91
  %ul
92
92
  %li Unordered nested list item
93
93
  %li Unordered nested list item with much more text and some serious lorem ipsum
94
94
  %li
95
- %p Multiverse nesting fun!
95
+ Multiverse nesting fun!
96
96
  %ul
97
97
  %li Unordered nested list item
98
98
  %li Unordered nested list item with much more text and some serious lorem ipsum