testio-tailwind 3.0.0 → 3.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.
- package/.eleventy.js +2 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/components/fonts/testio.eot +0 -0
- package/src/assets/stylesheets/components/fonts/testio.svg +3 -191
- package/src/assets/stylesheets/components/fonts/testio.ttf +0 -0
- package/src/assets/stylesheets/components/fonts/testio.woff +0 -0
- package/src/assets/stylesheets/components/fonts/testio.woff2 +0 -0
- package/src/assets/stylesheets/components/forms.css +22 -0
- package/src/assets/stylesheets/components/iconfont.css +10 -639
- package/src/assets/stylesheets/components/modals.css +2 -2
- package/src/pages/forms/forms.haml +18 -0
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.modal-wrapper[open] .modal {
|
|
21
|
-
@apply w-modal-md mt-spacing rounded bg-white;
|
|
21
|
+
@apply w-modal-md mt-spacing rounded bg-white dark:bg-gray-800;
|
|
22
22
|
position: relative;
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: column;
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.modal-footer .btn-primary {
|
|
69
|
-
@apply bg-white text-primary border-0 hover:bg-link-hover hover:border-link-hover hover:text-white;
|
|
69
|
+
@apply bg-white text-primary border-0 hover:bg-link-hover hover:border-link-hover hover:text-white dark:bg-primary dark:text-white;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
.modal-footer .btn-secondary {
|
|
@@ -29,3 +29,21 @@ title: Forms
|
|
|
29
29
|
.field_with_errors
|
|
30
30
|
%input.form-control{type:'text', value:""}
|
|
31
31
|
.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.
|
|
32
|
+
.form-grid.bg-black.p-3.mt-md
|
|
33
|
+
.form-group.inverted
|
|
34
|
+
%label.form-label Input
|
|
35
|
+
%input.form-control{type:'text', placeholder:"Some delicious placeholder text"}
|
|
36
|
+
.form-group.inverted
|
|
37
|
+
%label.form-label Input disabled
|
|
38
|
+
%input.form-control{type:'text', value:"Some delicious readonly value text", disabled:"true"}
|
|
39
|
+
.form-group.inverted
|
|
40
|
+
%label.form-label Input with form hint
|
|
41
|
+
%div
|
|
42
|
+
%input.form-control{type:'text', placeholder:"Some delicious placeholder text"}
|
|
43
|
+
.form-hint Form-hint 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.
|
|
44
|
+
.form-group.inverted
|
|
45
|
+
.field_with_errors
|
|
46
|
+
%label.form-label Input with errors
|
|
47
|
+
.field_with_errors
|
|
48
|
+
%input.form-control{type:'text', value:""}
|
|
49
|
+
.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.
|