@oslokommune/punkt-css 0.21.5 → 0.22.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/CHANGELOG.md +19 -0
- package/dist/css/pkt-base.css +14 -5
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt.css +14 -5
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_colors.scss +1 -0
- package/dist/scss/base/_accessibility.scss +1 -1
- package/dist/scss/base/_typography.scss +4 -4
- package/package.json +3 -3
package/dist/css/pkt.css
CHANGED
|
@@ -279,6 +279,7 @@ textarea {
|
|
|
279
279
|
--color-green-light: #c7f6c9;
|
|
280
280
|
--color-green-dark: #034b45;
|
|
281
281
|
--color-red: #ff8274;
|
|
282
|
+
--color-red-light: #ffb4ac;
|
|
282
283
|
--color-yellow: #f9c66b;
|
|
283
284
|
--color-beige-light: #f8f0dd;
|
|
284
285
|
--color-beige-dark: #d0bfae;
|
|
@@ -377,6 +378,14 @@ textarea {
|
|
|
377
378
|
color: #ff8274 !important;
|
|
378
379
|
}
|
|
379
380
|
|
|
381
|
+
.bg-color-red-light {
|
|
382
|
+
background-color: #ffb4ac !important;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.txt-color-red-light {
|
|
386
|
+
color: #ffb4ac !important;
|
|
387
|
+
}
|
|
388
|
+
|
|
380
389
|
.bg-color-yellow {
|
|
381
390
|
background-color: #f9c66b !important;
|
|
382
391
|
}
|
|
@@ -9794,15 +9803,15 @@ a:active {
|
|
|
9794
9803
|
/*
|
|
9795
9804
|
* Alignment
|
|
9796
9805
|
*/
|
|
9797
|
-
.
|
|
9806
|
+
.pkt-txt-start {
|
|
9798
9807
|
text-align: left !important;
|
|
9799
9808
|
}
|
|
9800
9809
|
|
|
9801
|
-
.
|
|
9810
|
+
.pkt-txt-end {
|
|
9802
9811
|
text-align: right !important;
|
|
9803
9812
|
}
|
|
9804
9813
|
|
|
9805
|
-
.
|
|
9814
|
+
.pkt-txt-center {
|
|
9806
9815
|
text-align: center !important;
|
|
9807
9816
|
}
|
|
9808
9817
|
|
|
@@ -9810,7 +9819,7 @@ a:active {
|
|
|
9810
9819
|
* Truncate text
|
|
9811
9820
|
* requires inline-block or block
|
|
9812
9821
|
*/
|
|
9813
|
-
.truncate-
|
|
9822
|
+
.pkt-truncate-txt {
|
|
9814
9823
|
overflow: hidden;
|
|
9815
9824
|
text-overflow: ellipsis;
|
|
9816
9825
|
white-space: nowrap;
|
|
@@ -9921,7 +9930,7 @@ a:active {
|
|
|
9921
9930
|
* Accessibility
|
|
9922
9931
|
* https://kittygiraudel.com/2016/10/13/css-hide-and-seek/#undesirable-overflows-18012019
|
|
9923
9932
|
*/
|
|
9924
|
-
.pkt-btn--icon-only .pkt-btn__text, .sr-only {
|
|
9933
|
+
.pkt-btn--icon-only .pkt-btn__text, .pkt-sr-only {
|
|
9925
9934
|
border: 0 !important;
|
|
9926
9935
|
clip: rect(1px, 1px, 1px, 1px) !important;
|
|
9927
9936
|
-webkit-clip-path: inset(50%) !important;
|