@oslokommune/punkt-css 12.40.0 → 12.40.3
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 +39 -0
- package/dist/css/components/card.css +15 -14
- package/dist/css/components/card.min.css +1 -1
- package/dist/css/pkt-components.css +15 -14
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +15 -14
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +15 -14
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_card.scss +9 -8
- package/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -19970,15 +19970,15 @@ pkt-card {
|
|
|
19970
19970
|
margin-top: 0.5rem;
|
|
19971
19971
|
margin-bottom: 0;
|
|
19972
19972
|
}
|
|
19973
|
-
.pkt-card.pkt-card--
|
|
19973
|
+
.pkt-card.pkt-card--horizontal {
|
|
19974
19974
|
flex-direction: row;
|
|
19975
19975
|
}
|
|
19976
19976
|
@media screen and (max-width: 36rem) {
|
|
19977
|
-
.pkt-card.pkt-card--
|
|
19977
|
+
.pkt-card.pkt-card--horizontal {
|
|
19978
19978
|
flex-direction: column;
|
|
19979
19979
|
}
|
|
19980
19980
|
}
|
|
19981
|
-
.pkt-card.pkt-card--
|
|
19981
|
+
.pkt-card.pkt-card--vertical {
|
|
19982
19982
|
flex-direction: column;
|
|
19983
19983
|
min-width: 12.5rem;
|
|
19984
19984
|
}
|
|
@@ -20001,32 +20001,32 @@ pkt-card {
|
|
|
20001
20001
|
max-height: 400px;
|
|
20002
20002
|
max-width: 400px;
|
|
20003
20003
|
}
|
|
20004
|
-
.pkt-card.pkt-card--
|
|
20004
|
+
.pkt-card.pkt-card--horizontal .pkt-card__image {
|
|
20005
20005
|
max-width: 400px;
|
|
20006
20006
|
margin-right: 2rem;
|
|
20007
20007
|
}
|
|
20008
|
-
.pkt-card.pkt-card--
|
|
20008
|
+
.pkt-card.pkt-card--horizontal .pkt-card__image-square {
|
|
20009
20009
|
align-self: stretch;
|
|
20010
20010
|
}
|
|
20011
20011
|
@media screen and (max-width: 36rem) {
|
|
20012
|
-
.pkt-card.pkt-card--
|
|
20012
|
+
.pkt-card.pkt-card--horizontal .pkt-card__image {
|
|
20013
20013
|
margin-right: 0;
|
|
20014
20014
|
margin-bottom: 2rem;
|
|
20015
20015
|
max-height: 400px;
|
|
20016
20016
|
}
|
|
20017
|
-
.pkt-card.pkt-card--
|
|
20017
|
+
.pkt-card.pkt-card--horizontal .pkt-card__image-square {
|
|
20018
20018
|
max-width: unset;
|
|
20019
20019
|
}
|
|
20020
20020
|
}
|
|
20021
|
-
.pkt-card.pkt-card--
|
|
20021
|
+
.pkt-card.pkt-card--vertical .pkt-card__image {
|
|
20022
20022
|
margin-bottom: 2rem;
|
|
20023
20023
|
max-height: 400px;
|
|
20024
20024
|
}
|
|
20025
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20025
|
+
.pkt-card.pkt-card--padding-none.pkt-card--vertical .pkt-card__image-square {
|
|
20026
20026
|
aspect-ratio: 19/10;
|
|
20027
20027
|
}
|
|
20028
20028
|
@media screen and (max-width: 36rem) {
|
|
20029
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20029
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal .pkt-card__image-square {
|
|
20030
20030
|
aspect-ratio: 19/10;
|
|
20031
20031
|
}
|
|
20032
20032
|
}
|
|
@@ -20062,21 +20062,22 @@ pkt-card {
|
|
|
20062
20062
|
}
|
|
20063
20063
|
.pkt-card .pkt-card__wrapper .pkt-card__link:focus-visible::before {
|
|
20064
20064
|
box-shadow: 0px 0px 0px 4px var(--pkt-color-brand-purple-1000);
|
|
20065
|
+
outline-color: var(--pkt-color-brand-warm-blue-1000);
|
|
20065
20066
|
}
|
|
20066
20067
|
.pkt-card.pkt-card--padding-none {
|
|
20067
20068
|
outline: none;
|
|
20068
20069
|
background-color: transparent;
|
|
20069
20070
|
}
|
|
20070
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20071
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray {
|
|
20071
20072
|
background-color: var(--pkt-color-brand-neutrals-100);
|
|
20072
20073
|
}
|
|
20073
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20074
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue {
|
|
20074
20075
|
background-color: var(--pkt-color-brand-blue-200);
|
|
20075
20076
|
}
|
|
20076
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20077
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--green {
|
|
20077
20078
|
background-color: var(--pkt-color-brand-light-green-400);
|
|
20078
20079
|
}
|
|
20079
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20080
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--beige {
|
|
20080
20081
|
background-color: var(--pkt-color-brand-light-beige-1000);
|
|
20081
20082
|
}
|
|
20082
20083
|
.pkt-card--outlined, .pkt-card--outlined-beige {
|