@oslokommune/punkt-css 12.2.0 → 12.3.1
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 +41 -0
- package/README.md +4 -12
- package/dist/css/components/calendar.css +106 -75
- package/dist/css/components/calendar.min.css +1 -1
- package/dist/css/components/card.css +70 -0
- package/dist/css/components/card.min.css +1 -0
- package/dist/css/components/icon.css +6 -8
- package/dist/css/components/icon.min.css +1 -1
- package/dist/css/components/preview.css +4 -0
- package/dist/css/components/preview.min.css +1 -1
- package/dist/css/components/tabs.css +2 -2
- package/dist/css/components/tabs.min.css +1 -1
- package/dist/css/components/textinput.css +27 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/pkt-base.css +26 -8
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +216 -86
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-elements.css +43 -12
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt-normalise.css +23 -0
- package/dist/css/pkt-normalise.min.css +1 -1
- package/dist/css/pkt.css +282 -105
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/base/_typography.scss +31 -8
- package/dist/scss/components/_calendar.scss +61 -32
- package/dist/scss/components/_card.scss +92 -0
- package/dist/scss/components/_icon.scss +3 -1
- package/dist/scss/components/_index.scss +1 -0
- package/dist/scss/components/_preview.scss +4 -0
- package/dist/scss/components/_tabs.scss +1 -1
- package/dist/scss/elements/_button.scss +11 -4
- package/dist/scss/elements/_input.scss +29 -1
- package/dist/scss/normalise/_index.scss +24 -0
- package/package.json +2 -2
package/dist/css/pkt-base.css
CHANGED
|
@@ -13294,6 +13294,11 @@ a,
|
|
|
13294
13294
|
word-wrap: break-word;
|
|
13295
13295
|
cursor: pointer;
|
|
13296
13296
|
}
|
|
13297
|
+
a span,
|
|
13298
|
+
.pkt-link-button span {
|
|
13299
|
+
color: inherit;
|
|
13300
|
+
text-decoration: inherit;
|
|
13301
|
+
}
|
|
13297
13302
|
a:visited:not(.pkt-linkcard):not(.pkt-btn):not(.pkt-tabs__link),
|
|
13298
13303
|
.pkt-link-button:visited:not(.pkt-linkcard):not(.pkt-btn):not(.pkt-tabs__link) {
|
|
13299
13304
|
color: inherit;
|
|
@@ -13326,37 +13331,42 @@ a:active, a.pkt-link--active,
|
|
|
13326
13331
|
.pkt-link {
|
|
13327
13332
|
display: inline;
|
|
13328
13333
|
text-align: left;
|
|
13329
|
-
align-items:
|
|
13334
|
+
align-items: baseline;
|
|
13330
13335
|
}
|
|
13336
|
+
|
|
13331
13337
|
.pkt-link__icon {
|
|
13332
13338
|
--fg-color: currentColor;
|
|
13333
13339
|
width: 1.5rem;
|
|
13334
13340
|
height: 1.5rem;
|
|
13335
13341
|
flex-shrink: 0;
|
|
13336
|
-
margin-right: 0.
|
|
13342
|
+
margin-right: 0.25rem;
|
|
13343
|
+
margin-left: 0.25rem;
|
|
13344
|
+
align-self: center;
|
|
13337
13345
|
}
|
|
13338
|
-
.pkt-link--icon-left {
|
|
13346
|
+
.pkt-link--icon-left, .pkt-link--icon-right {
|
|
13339
13347
|
display: inline-flex;
|
|
13340
|
-
flex-direction: row;
|
|
13341
13348
|
text-decoration: none;
|
|
13349
|
+
align-items: baseline;
|
|
13350
|
+
}
|
|
13351
|
+
.pkt-link--icon-left {
|
|
13352
|
+
flex-direction: row;
|
|
13342
13353
|
}
|
|
13343
13354
|
.pkt-link--icon-right {
|
|
13344
|
-
display: inline-flex;
|
|
13345
13355
|
flex-direction: row-reverse;
|
|
13346
|
-
text-decoration: none;
|
|
13347
13356
|
}
|
|
13348
13357
|
.pkt-link--external::after {
|
|
13349
13358
|
display: inline-block;
|
|
13350
13359
|
content: " ";
|
|
13351
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/12.
|
|
13360
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/12.3/icons/new-window-small.svg);
|
|
13352
13361
|
background-image: var(--svg);
|
|
13353
13362
|
background-repeat: no-repeat;
|
|
13354
13363
|
background-size: 18px 18px;
|
|
13355
13364
|
width: 1.125rem;
|
|
13356
13365
|
height: 1.125rem;
|
|
13357
13366
|
vertical-align: middle;
|
|
13367
|
+
align-self: center;
|
|
13358
13368
|
}
|
|
13359
|
-
.pkt-link--external:hover::after {
|
|
13369
|
+
.pkt-link--external:hover::after, .pkt-link:hover pkt-icon {
|
|
13360
13370
|
filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
|
|
13361
13371
|
}
|
|
13362
13372
|
|
|
@@ -16401,6 +16411,14 @@ button.pkt-link {
|
|
|
16401
16411
|
white-space: nowrap;
|
|
16402
16412
|
}
|
|
16403
16413
|
|
|
16414
|
+
/*
|
|
16415
|
+
* Display contents and disregard layout
|
|
16416
|
+
*/
|
|
16417
|
+
.pkt-display-contents,
|
|
16418
|
+
.pkt-contents {
|
|
16419
|
+
display: contents;
|
|
16420
|
+
}
|
|
16421
|
+
|
|
16404
16422
|
/*
|
|
16405
16423
|
* Visibility
|
|
16406
16424
|
*/
|