@miljodirektoratet/md-css 3.0.1 → 3.1.0

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/formElements/autocomplete/autocomplete.css +2 -2
  3. package/src/formElements/multiautocomplete/multiautocomplete.css +2 -2
  4. package/src/tile/tile.css +8 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@miljodirektoratet/md-css",
3
- "version": "3.0.1",
3
+ "version": "3.1.0",
4
4
  "description": "CSS for Miljødirektoratet",
5
5
  "author": "Miljødirektoratet",
6
6
  "main": "./src/index.css",
package/src/formElements/autocomplete/autocomplete.css CHANGED
@@ -88,7 +88,7 @@
88
88
  width: 16px;
89
89
  display: flex;
90
90
  color: var(--mdPrimaryColor);
91
- z-index: 10;
91
+ z-index: 2;
92
92
  }
93
93
 
94
94
  .md-autocomplete--small > .md-autocomplete__input__prefix {
@@ -197,7 +197,7 @@
197
197
  border-left: 2px solid var(--mdPrimaryColor);
198
198
  border-bottom: 2px solid var(--mdPrimaryColor);
199
199
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
200
- z-index: 2;
200
+ z-index: 3;
201
201
  }
202
202
 
203
203
  /* Focus state */
package/src/formElements/multiautocomplete/multiautocomplete.css CHANGED
@@ -88,7 +88,7 @@
88
88
  width: 16px;
89
89
  display: flex;
90
90
  color: var(--mdPrimaryColor);
91
- z-index: 10;
91
+ z-index: 2;
92
92
  }
93
93
 
94
94
  .md-multiautocomplete--small > .md-multiautocomplete__input__prefix {
@@ -221,7 +221,7 @@
221
221
  border-left: 2px solid var(--mdPrimaryColor);
222
222
  border-bottom: 2px solid var(--mdPrimaryColor);
223
223
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
224
- z-index: 2;
224
+ z-index: 3;
225
225
  }
226
226
 
227
227
  /* Focus state */
package/src/tile/tile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* HORIZONTAL TILES */
2
2
  .md-tile {
3
- padding: 26px;
3
+ padding: 24px;
4
4
  border: 1px solid var(--mdGreyColor60);
5
5
  background-color: var(--mdPrimaryColor10);
6
6
  color: var(--mdGreyColor);
@@ -9,6 +9,9 @@
9
9
  justify-content: space-between;
10
10
  text-decoration: none;
11
11
  font-family: 'Open sans';
12
+ box-sizing: border-box;
13
+ gap: 1.5em;
14
+ text-align: start;
12
15
  width: 440px;
13
16
  max-width: 100%;
14
17
  transition: all 0.15s ease-in-out;
@@ -74,7 +77,9 @@
74
77
  .md-tile-vertical {
75
78
  display: flex;
76
79
  width: 190px;
80
+ box-sizing: border-box;
77
81
  flex-direction: row;
82
+ text-align: center;
78
83
  align-items: center;
79
84
  justify-content: center;
80
85
  border: 1px solid var(--mdGreyColor60);
@@ -123,11 +128,11 @@
123
128
  }
124
129
 
125
130
  .md-tile-vertical--small .md-tile-vertical__content {
126
- padding: 26px;
131
+ padding: 24px;
127
132
  }
128
133
 
129
134
  .md-tile-vertical--large .md-tile-vertical__content {
130
- padding: 40px;
135
+ padding: 48px;
131
136
  }
132
137
 
133
138
  .md-tile-vertical__content-text {