@digigov/css 0.29.8 → 0.29.10
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/dist/base/index.css +2 -2
- package/dist/base.css +2 -2
- package/dist/components.css +1 -1
- package/dist/components.js +1 -1
- package/dist/digigov.css +3 -3
- package/package.json +1 -1
- package/src/components/card.css +14 -7
- package/src/components/table.css +15 -7
- package/tailwind.config.js +5 -2
package/src/components/card.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.govgr-card {
|
|
2
|
-
@apply mb-7 text-base-content;
|
|
2
|
+
@apply mb-7 text-base-content h-full;
|
|
3
3
|
}
|
|
4
4
|
.govgr-card--border {
|
|
5
5
|
@apply border-2 border-base-content p-6;
|
|
@@ -11,18 +11,20 @@
|
|
|
11
11
|
@apply border-b border-gray100 pb-4 mb-4;
|
|
12
12
|
}
|
|
13
13
|
.govgr-card__heading {
|
|
14
|
+
word-break: break-word;
|
|
14
15
|
@apply md:text-2xl text-xl font-bold;
|
|
15
16
|
}
|
|
16
17
|
.govgr-card__text {
|
|
18
|
+
word-break: break-word;
|
|
17
19
|
@apply text-base lg:text-xl text-lg;
|
|
18
20
|
}
|
|
19
21
|
.govgr-card__body {
|
|
20
|
-
@apply
|
|
22
|
+
@apply flex flex-col gap-3 md:gap-4 h-full;
|
|
21
23
|
}
|
|
22
24
|
.govgr-card__action {
|
|
23
|
-
@apply flex flex-wrap items-center gap-y-4;
|
|
25
|
+
@apply flex flex-wrap items-center gap-y-4 mt-auto;
|
|
24
26
|
.govgr-link, .govgr-btn {
|
|
25
|
-
@apply mb-0;
|
|
27
|
+
@apply mb-0 max-w-fit w-fit;
|
|
26
28
|
}
|
|
27
29
|
}
|
|
28
30
|
@media print {
|
|
@@ -39,24 +41,29 @@
|
|
|
39
41
|
.govgr-card--cta {
|
|
40
42
|
.govgr-card__body {
|
|
41
43
|
@apply pr-8 relative;
|
|
44
|
+
|
|
42
45
|
&:after {
|
|
43
46
|
content: "";
|
|
44
|
-
transition: all 0.1s ease;
|
|
47
|
+
transition: all 0.1s ease;
|
|
45
48
|
@apply w-5 h-5 bg-contain bg-no-repeat bg-center absolute right-2 top-2 z-/1;
|
|
46
|
-
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'> <path d='M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z' /> </svg>"
|
|
49
|
+
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'> <path d='M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z' /> </svg>");
|
|
47
50
|
}
|
|
51
|
+
|
|
48
52
|
&:hover {
|
|
49
53
|
&:after {
|
|
50
54
|
@apply right-1;
|
|
51
55
|
}
|
|
52
56
|
}
|
|
53
57
|
}
|
|
58
|
+
|
|
54
59
|
.govgr-card__heading {
|
|
55
60
|
@apply md:text-xl text-lg tracking-wide;
|
|
56
61
|
@apply leading-8 !important;
|
|
62
|
+
|
|
57
63
|
.govgr-link {
|
|
64
|
+
|
|
58
65
|
/* Clickable area will be at all the card with 'after' */
|
|
59
|
-
&::after {
|
|
66
|
+
&::after {
|
|
60
67
|
content: "";
|
|
61
68
|
@apply block absolute top-0 bottom-0 right-0 left-0;
|
|
62
69
|
}
|
package/src/components/table.css
CHANGED
|
@@ -40,17 +40,25 @@
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
.govgr-table__body {
|
|
43
|
-
@apply relative
|
|
43
|
+
@apply relative;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
@supports (-moz-appearance:none) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
.govgr-table {
|
|
48
|
+
border-collapse: unset;
|
|
49
|
+
}
|
|
50
|
+
.govgr-table--with-vertical-lines {
|
|
51
|
+
.govgr-table__header {
|
|
52
|
+
@apply border-t;
|
|
53
|
+
@apply border-r-0 !important;
|
|
54
|
+
&:last-child {
|
|
55
|
+
@apply border-r border-solid border-gray100 px-4 !important;
|
|
56
|
+
}
|
|
50
57
|
}
|
|
51
|
-
.govgr-
|
|
52
|
-
|
|
53
|
-
|
|
58
|
+
.govgr-table__cell {
|
|
59
|
+
@apply border-r-0 !important;
|
|
60
|
+
&:last-child {
|
|
61
|
+
@apply border-r border-solid border-gray100 px-4 !important;
|
|
54
62
|
}
|
|
55
63
|
}
|
|
56
64
|
}
|
package/tailwind.config.js
CHANGED
|
@@ -5,8 +5,8 @@ const colorVarsPlugin = require("./color-vars.plugin");
|
|
|
5
5
|
|
|
6
6
|
const buildOnly = !process.env["DIGIGOV_CSS_BUILD"]
|
|
7
7
|
? {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
mode: "jit",
|
|
9
|
+
}
|
|
10
10
|
: {};
|
|
11
11
|
const colorVariables = Object.keys(colors.light).reduce((allColors, color) => {
|
|
12
12
|
allColors[color] = `var(--color-${color})`;
|
|
@@ -47,6 +47,9 @@ module.exports = {
|
|
|
47
47
|
width: {
|
|
48
48
|
fit: "fit-content",
|
|
49
49
|
},
|
|
50
|
+
maxWidth: {
|
|
51
|
+
fit: "fit-content",
|
|
52
|
+
},
|
|
50
53
|
minWidth: {
|
|
51
54
|
10: "2.5rem",
|
|
52
55
|
32: "8rem",
|