@inera/ids-design 4.10.0 → 5.0.0

package/themes/reset.css

@@ -1 +1,61 @@
-.ids *,.ids *::before,.ids *::after{box-sizing:border-box}body.ids,.ids h1,.ids h2,.ids h3,.ids h4,.ids h5,.ids h6,.ids p,.ids dl,.ids dd,.ids figure,.ids picture{margin:0}body.ids{background-color:var(--IDS-COLOR-NEUTRAL-100);color:black;font-family:var(--font-family_1);font-size:1rem;min-height:100%}.ids img,.ids picture{max-width:100%;display:block}.ids input,.ids button,.ids textarea,.ids select{font:inherit}.ids ul[class],.ids ol[class]{list-style:none;padding:0}@media (prefers-reduced-motion: reduce){.ids *,.ids *::before,.ids *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
+.ids *,
+.ids *::before,
+.ids *::after {
+  box-sizing: border-box;
+}
+
+body.ids,
+.ids h1,
+.ids h2,
+.ids h3,
+.ids h4,
+.ids h5,
+.ids h6,
+.ids p,
+.ids dl,
+.ids dd,
+.ids figure,
+.ids picture {
+  margin: 0;
+}
+
+body.ids {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  color: black;
+  font-family: var(--font-family_1);
+  font-size: 1rem;
+  min-height: 100%;
+}
+
+/* make images easier to work with */
+.ids img,
+.ids picture {
+  max-width: 100%;
+  display: block;
+}
+
+/* make form elements easier to work with */
+.ids input,
+.ids button,
+.ids textarea,
+.ids select {
+  font: inherit;
+}
+
+.ids ul[class],
+.ids ol[class] {
+  list-style: none;
+  padding: 0;
+}
+
+/* remove animations for people who've turned them off */
+@media (prefers-reduced-motion: reduce) {
+  .ids *,
+  .ids *::before,
+  .ids *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}