@miljodirektoratet/md-css 1.0.21 → 1.0.23

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/formElements/autocomplete/autocomplete.css +1 -2
  3. package/src/formElements/input/input.css +1 -1
  4. package/src/formElements/multiselect/multiselect.css +1 -2
  5. package/src/formElements/select/select.css +1 -2
  6. package/src/help/help.css +0 -1
  7. package/src/modal/modal.css +4 -2
  8. package/src/tile/tile.css +10 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@miljodirektoratet/md-css",
3
- "version": "1.0.21",
3
+ "version": "1.0.23",
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
@@ -1,7 +1,6 @@
1
1
  .md-autocomplete {
2
2
  font-family: 'Open sans';
3
- width: 634px;
4
- max-width: 100%;
3
+ width: 100%;
5
4
  }
6
5
 
7
6
  .md-autocomplete--medium {
package/src/formElements/input/input.css CHANGED
@@ -177,5 +177,5 @@
177
177
  .md-input.md-input--hide-number-arrows::-webkit-inner-spin-button {
178
178
  appearance: none;
179
179
  -webkit-appearance: none;
180
- margin: 0;
180
+ margin: 1px;
181
181
  }
package/src/formElements/multiselect/multiselect.css CHANGED
@@ -1,7 +1,6 @@
1
1
  .md-multiselect {
2
2
  font-family: 'Open sans';
3
- width: 634px;
4
- max-width: 100%;
3
+ width: 100%;
5
4
  }
6
5
 
7
6
  .md-multiselect--medium {
package/src/formElements/select/select.css CHANGED
@@ -1,7 +1,6 @@
1
1
  .md-select {
2
2
  font-family: 'Open sans';
3
- width: 634px;
4
- max-width: 100%;
3
+ width: 100%;
5
4
  }
6
5
 
7
6
  .md-select--medium {
package/src/help/help.css CHANGED
@@ -1,7 +1,6 @@
1
1
  /* HELP BUTTON */
2
2
  .md-helpbutton {
3
3
  display: flex;
4
- flex-grow: 1;
5
4
  position: relative;
6
5
  background-color: transparent;
7
6
  padding: 0;
package/src/modal/modal.css CHANGED
@@ -47,7 +47,8 @@
47
47
  .md-modal__header {
48
48
  display: flex;
49
49
  justify-content: space-between;
50
- align-items: center;
50
+ align-items: flex-start;
51
+ padding-top: 1em;
51
52
  font-size: 1.43em;
52
53
  }
53
54
 
@@ -58,7 +59,8 @@
58
59
  }
59
60
 
60
61
  .md-modal__close-button {
61
- padding: 2em;
62
+ padding-right: 2em;
63
+ padding-left: 2em;
62
64
  background: transparent;
63
65
  border: 0;
64
66
  border-radius: 0;
package/src/tile/tile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* HORIZONTAL TILES */
2
2
  .md-tile {
3
- padding: 1.5em;
3
+ padding: 26px;
4
4
  border: 1px solid var(--mdGreyColor60);
5
5
  background-color: var(--mdPrimaryColor10);
6
6
  color: var(--mdGreyColor);
@@ -18,6 +18,7 @@
18
18
  border: 1px solid var(--mdPrimaryColor);
19
19
  background-color: var(--mdPrimaryColor20);
20
20
  transition: all 0.15s ease-in-out;
21
+ cursor: pointer;
21
22
  }
22
23
 
23
24
  .md-tile:not(.md-tile--disabled):focus {
@@ -52,10 +53,13 @@
52
53
 
53
54
  .md-tile__content-heading {
54
55
  font-size: 20px;
56
+ align-items: flex-start;
57
+ display: flex;
55
58
  }
56
59
 
57
60
  .md-tile__content-description {
58
61
  margin-top: 1em;
62
+ font-size: 16px;
59
63
  }
60
64
 
61
65
  .md-tile__arrow {
@@ -100,6 +104,7 @@
100
104
  .md-tile-vertical:hover {
101
105
  border: 1px solid var(--mdPrimaryColor);
102
106
  background-color: var(--mdPrimaryColor20);
107
+ cursor: pointer;
103
108
  transition: all 0.15s ease-in-out;
104
109
  }
105
110
 
@@ -114,15 +119,15 @@
114
119
  display: flex;
115
120
  flex-direction: column;
116
121
  align-items: center;
117
- padding: 2em;
122
+ padding: 32px;
118
123
  }
119
124
 
120
125
  .md-tile-vertical--small .md-tile-vertical__content {
121
- padding: 1.5em;
126
+ padding: 26px;
122
127
  }
123
128
 
124
129
  .md-tile-vertical--large .md-tile-vertical__content {
125
- padding: 3em;
130
+ padding: 40px;
126
131
  }
127
132
 
128
133
  .md-tile-vertical__content-text {
@@ -149,4 +154,5 @@
149
154
 
150
155
  .md-tile-vertical__content-description {
151
156
  margin-top: 1em;
157
+ font-size: 16px;
152
158
  }