@oslokommune/punkt-css 12.40.2 → 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 +21 -0
- package/dist/css/components/card.css +14 -14
- package/dist/css/components/card.min.css +1 -1
- package/dist/css/pkt-components.css +14 -14
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +14 -14
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +14 -14
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_card.scss +8 -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
|
}
|
|
@@ -20068,16 +20068,16 @@ pkt-card {
|
|
|
20068
20068
|
outline: none;
|
|
20069
20069
|
background-color: transparent;
|
|
20070
20070
|
}
|
|
20071
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20071
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--gray {
|
|
20072
20072
|
background-color: var(--pkt-color-brand-neutrals-100);
|
|
20073
20073
|
}
|
|
20074
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20074
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--blue {
|
|
20075
20075
|
background-color: var(--pkt-color-brand-blue-200);
|
|
20076
20076
|
}
|
|
20077
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20077
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--green {
|
|
20078
20078
|
background-color: var(--pkt-color-brand-light-green-400);
|
|
20079
20079
|
}
|
|
20080
|
-
.pkt-card.pkt-card--padding-none.pkt-card--
|
|
20080
|
+
.pkt-card.pkt-card--padding-none.pkt-card--horizontal.pkt-card--beige {
|
|
20081
20081
|
background-color: var(--pkt-color-brand-light-beige-1000);
|
|
20082
20082
|
}
|
|
20083
20083
|
.pkt-card--outlined, .pkt-card--outlined-beige {
|