@miljodirektoratet/md-css 1.0.0 → 1.0.2

package/README.md

@@ -19,6 +19,8 @@ const MyComponent = () => {
 }
 ```
 
+**For more documentation, please refer to the [Storybook](https://miljodir.github.io/md-components/)**
+
 **For HTML structure for each component, see the README.md for each css-file, located in /src. This must be followed if stylesheets are used as standalone, without React components.**
 
 _For React components, see [@miljodirektoratet/md-react](https://www.npmjs.com/package/@miljodirektoratet/md-react)_

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miljodirektoratet/md-css",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "CSS for Miljødirektoratet",
   "author": "Miljødirektoratet",
   "main": "./src/index.css",

package/src/button/button.css

@@ -9,6 +9,7 @@
   font-size: 1rem;
   outline: 2px solid var(--mdPrimaryColor);
   padding: .65rem 1.5rem;
+  width: fit-content;
 }
 
 .md-button--small {

package/src/loadingSpinner/loadingSpinner.css

@@ -1,3 +1,17 @@
 .md-loading-spinner {
   animation: spinAnimation 1s linear infinite;
 }
+
+.md-loading-spinner__container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.md-loading-spinner__container--left {
+  justify-content: flex-start;
+}
+
+.md-loading-spinner__container--right {
+  justify-content: flex-end;
+}

package/src/modal/modal.css

@@ -21,6 +21,7 @@
   background-color: var(--mdGreyColor);
   opacity: .4;
   overflow-y: auto;
+  z-index: 800;
 }
 
 .md-modal__content {

package/src/tile/tile.css

@@ -113,6 +113,7 @@
   width: 100%;
   display: flex;
   flex-direction: column;
+  align-items: center;
   padding: 2em;
 }