@oslokommune/punkt-css 11.5.0 → 11.5.2

package/CHANGELOG.md

@@ -5,6 +5,50 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [11.5.2](https://github.com/oslokommune/punkt/compare/11.5.1...11.5.2) (2024-02-15)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Legg til --padding i pkt-grid (#1518). 
+
+
+### Chores
+Ingen
+
+---
+
+
+## [11.5.1](https://github.com/oslokommune/punkt/compare/11.5.0...11.5.1) (2024-02-14)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* loader (#1509). * chore(loader): change status ++
+  
+  * Oslo-former-loader aspect ratio
+  
+  * Fikser choppy Chrome-ytelse på animerte SVG-er
+  
+  ---------
+  
+  Co-authored-by: Jan Schjetne <jan.schjetne@origo.oslo.kommune.no>
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.5.0](https://github.com/oslokommune/punkt/compare/11.4.9...11.5.0) (2024-02-14)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/loader.css

@@ -11,6 +11,9 @@
 .pkt-loader > p {
   margin: 1rem 0;
 }
+.pkt-loader .pkt-loader__shapes svg {
+  aspect-ratio: 600/165;
+}
 .pkt-loader--small > p {
   font-size: 0.75rem;
   font-weight: 300;

package/dist/css/components/loader.min.css

@@ -1 +1 @@
-.pkt-loader{width:fit-content;text-align:center}.pkt-loader--inline{display:inline-block}.pkt-loader>p{margin:1rem 0}.pkt-loader--small>p{font-size:.75rem;font-weight:300;letter-spacing:-0.2px;line-height:1.25rem}.pkt-loader--small .pkt-loader__svg svg{height:1rem}.pkt-loader--small .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:1rem}.pkt-loader--medium>p{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-loader--medium .pkt-loader__svg svg{height:2.5rem}.pkt-loader--medium .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:2.5rem}.pkt-loader--large>p{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem}.pkt-loader--large .pkt-loader__svg svg{height:3.5rem}.pkt-loader--large .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:3.5rem}
+.pkt-loader{width:fit-content;text-align:center}.pkt-loader--inline{display:inline-block}.pkt-loader>p{margin:1rem 0}.pkt-loader .pkt-loader__shapes svg{aspect-ratio:600/165}.pkt-loader--small>p{font-size:.75rem;font-weight:300;letter-spacing:-0.2px;line-height:1.25rem}.pkt-loader--small .pkt-loader__svg svg{height:1rem}.pkt-loader--small .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:1rem}.pkt-loader--medium>p{font-size:1rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5rem}.pkt-loader--medium .pkt-loader__svg svg{height:2.5rem}.pkt-loader--medium .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:2.5rem}.pkt-loader--large>p{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.75rem}.pkt-loader--large .pkt-loader__svg svg{height:3.5rem}.pkt-loader--large .pkt-loader__svg:not(.pkt-loader__shapes) svg{width:3.5rem}

package/dist/css/pkt-base.css

@@ -11171,6 +11171,16 @@ body {
     gap: 2rem;
   }
 }
+.pkt-grid--padding {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+@media screen and (min-width: 48rem) {
+  .pkt-grid--padding {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+}
 .pkt-grid--full {
   max-width: 100%;
 }