@pzh-ui/css 0.0.29 → 0.0.30
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/package.json +2 -2
- package/src/tailwind.css +20 -2
- package/src/tailwind.src.css +7 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pzh-ui/css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"description": "Contains default styling for projects whitin Provincie Zuid-Holland.",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"publishConfig": {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@tailwindcss/line-clamp": "^0.3.1",
|
|
20
20
|
"react-datepicker": "^4.7.0"
|
|
21
21
|
},
|
|
22
|
-
"gitHead": "
|
|
22
|
+
"gitHead": "4df5b747cd27baa9e90c143942a7ff01b8a96962",
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"tailwindcss": "^3.0.23"
|
|
25
25
|
}
|
package/src/tailwind.css
CHANGED
|
@@ -805,8 +805,8 @@ select{
|
|
|
805
805
|
margin-left: 1rem;
|
|
806
806
|
}
|
|
807
807
|
|
|
808
|
-
.mt-
|
|
809
|
-
margin-top: 0.
|
|
808
|
+
.mt-1{
|
|
809
|
+
margin-top: 0.25rem;
|
|
810
810
|
}
|
|
811
811
|
|
|
812
812
|
.-mt-8{
|
|
@@ -825,6 +825,10 @@ select{
|
|
|
825
825
|
margin-bottom: 0.5rem;
|
|
826
826
|
}
|
|
827
827
|
|
|
828
|
+
.mt-2{
|
|
829
|
+
margin-top: 0.5rem;
|
|
830
|
+
}
|
|
831
|
+
|
|
828
832
|
.ml-1{
|
|
829
833
|
margin-left: 0.25rem;
|
|
830
834
|
}
|
|
@@ -1018,6 +1022,11 @@ select{
|
|
|
1018
1022
|
border-color: rgb(22 17 59 / var(--tw-border-opacity));
|
|
1019
1023
|
}
|
|
1020
1024
|
|
|
1025
|
+
.border-pzh-red{
|
|
1026
|
+
--tw-border-opacity: 1;
|
|
1027
|
+
border-color: rgb(209 31 61 / var(--tw-border-opacity));
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1021
1030
|
.border-opacity-35{
|
|
1022
1031
|
--tw-border-opacity: 0.35;
|
|
1023
1032
|
}
|
|
@@ -1026,6 +1035,10 @@ select{
|
|
|
1026
1035
|
--tw-border-opacity: 0.1;
|
|
1027
1036
|
}
|
|
1028
1037
|
|
|
1038
|
+
.border-opacity-100{
|
|
1039
|
+
--tw-border-opacity: 1;
|
|
1040
|
+
}
|
|
1041
|
+
|
|
1029
1042
|
.bg-pzh-blue{
|
|
1030
1043
|
--tw-bg-opacity: 1;
|
|
1031
1044
|
background-color: rgb(40 31 107 / var(--tw-bg-opacity));
|
|
@@ -1547,6 +1560,11 @@ h6,
|
|
|
1547
1560
|
--tw-text-opacity: 0.55;
|
|
1548
1561
|
}
|
|
1549
1562
|
|
|
1563
|
+
.pzh-form-error, .pzh-form-checkbox.pzh-form-error + span:before, .pzh-form-radio:checked.pzh-form-error + span:before, .pzh-form-radio:not(:checked).pzh-form-error + span:before{
|
|
1564
|
+
--tw-border-opacity: 1;
|
|
1565
|
+
border-color: rgb(209 31 61 / var(--tw-border-opacity));
|
|
1566
|
+
}
|
|
1567
|
+
|
|
1550
1568
|
.pzh-form-radio:checked + span:before, .pzh-form-radio:not(:checked) + span:before{
|
|
1551
1569
|
position: absolute;
|
|
1552
1570
|
left: 0px;
|
package/src/tailwind.src.css
CHANGED
|
@@ -65,6 +65,13 @@ h6,
|
|
|
65
65
|
@apply block w-full pt-[15px] pb-[11px] placeholder-pzh-blue-dark placeholder-opacity-55 text-pzh-blue-dark border border-pzh-blue-dark border-opacity-35 rounded appearance-none leading-none focus:outline-none hover:border-gray-500 focus:border-pzh-blue-light disabled:border-pzh-blue-dark disabled:border-opacity-10 disabled:bg-pzh-gray disabled:text-opacity-55;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
+
.pzh-form-error,
|
|
69
|
+
.pzh-form-checkbox.pzh-form-error + span:before,
|
|
70
|
+
.pzh-form-radio:checked.pzh-form-error + span:before,
|
|
71
|
+
.pzh-form-radio:not(:checked).pzh-form-error + span:before {
|
|
72
|
+
@apply border-pzh-red;
|
|
73
|
+
}
|
|
74
|
+
|
|
68
75
|
.pzh-form-radio:checked + span:before,
|
|
69
76
|
.pzh-form-radio:not(:checked) + span:before {
|
|
70
77
|
@apply absolute left-0 top-0 w-[24px] h-[24px] border-pzh-blue-dark border border-opacity-35 bg-pzh-form rounded-full;
|