dibk-design 0.4.42 → 0.4.43

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/dist/components/Accordion.module.scss +8 -8
  2. package/dist/components/Dialog.module.scss +2 -2
  3. package/dist/components/Header.module.scss +5 -5
  4. package/dist/components/NavigationBar.module.scss +5 -5
  5. package/dist/components/Paper.module.scss +1 -1
  6. package/dist/style/abstracts/variables/_viewports.scss +7 -4
  7. package/dist/style/layout/_containers.scss +1 -1
  8. package/package.json +1 -1
package/dist/components/Accordion.module.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  padding: 0 15px 0;
8
8
  line-height: 0;
9
9
  max-height: 0;
10
- @media only screen and (min-width: $screen-xs) {
10
+ @media only screen and (min-width: $screen-sm) {
11
11
  padding: 0 30px 0;
12
12
  }
13
13
  }
@@ -17,7 +17,7 @@
17
17
  padding: 8px 15px 15px;
18
18
  line-height: inherit;
19
19
  max-height: 1000px;
20
- @media only screen and (min-width: $screen-xs) {
20
+ @media only screen and (min-width: $screen-sm) {
21
21
  padding: 8px 30px 15px;
22
22
  }
23
23
  }
@@ -30,7 +30,7 @@
30
30
  padding: 0 15px 0;
31
31
  line-height: 0;
32
32
  max-height: 0;
33
- @media only screen and (min-width: $screen-xs) {
33
+ @media only screen and (min-width: $screen-sm) {
34
34
  padding: 0 30px 0;
35
35
  }
36
36
  }
@@ -40,7 +40,7 @@
40
40
  padding: 8px 15px 15px;
41
41
  line-height: inherit;
42
42
  max-height: 1000px;
43
- @media only screen and (min-width: $screen-xs) {
43
+ @media only screen and (min-width: $screen-sm) {
44
44
  padding: 8px 30px 15px;
45
45
  }
46
46
  }
@@ -137,7 +137,7 @@
137
137
  overflow-wrap: break-word;
138
138
  line-height: 1.7;
139
139
  cursor: pointer;
140
- @media only screen and (min-width: $screen-xs) {
140
+ @media only screen and (min-width: $screen-sm) {
141
141
  padding: 15px 30px;
142
142
  }
143
143
  :local(.panelText) {
@@ -154,7 +154,7 @@
154
154
  height: 18px;
155
155
  border-radius: 100px;
156
156
  margin-right: 6px;
157
- @media only screen and (min-width: $screen-xs) {
157
+ @media only screen and (min-width: $screen-sm) {
158
158
  margin-right: 0;
159
159
  }
160
160
  &::after {
@@ -183,7 +183,7 @@
183
183
  max-height: 0;
184
184
  overflow: hidden;
185
185
  padding: 0 15px 0;
186
- @media only screen and (min-width: $screen-xs) {
186
+ @media only screen and (min-width: $screen-sm) {
187
187
  padding: 0 30px 0;
188
188
  }
189
189
  &:local(.initialized) {
@@ -197,7 +197,7 @@
197
197
  padding: 8px 15px 15px;
198
198
  line-height: inherit;
199
199
  max-height: 10000px;
200
- @media only screen and (min-width: $screen-xs) {
200
+ @media only screen and (min-width: $screen-sm) {
201
201
  padding: 8px 30px 15px;
202
202
  }
203
203
  }
package/dist/components/Dialog.module.scss CHANGED
@@ -21,7 +21,7 @@
21
21
  padding: 8px 28px;
22
22
  z-index: 2;
23
23
  justify-content: center;
24
- @media (min-width: $screen-sm) {
24
+ @media (min-width: $screen-md) {
25
25
  padding: 36px;
26
26
  }
27
27
 
@@ -40,7 +40,7 @@
40
40
  &:not(:local(.noPadding)){
41
41
  padding: 60px 40px;
42
42
  }
43
- @media (min-width: $screen-sm) {
43
+ @media (min-width: $screen-md) {
44
44
  @include calc("width", "100% - 128px");
45
45
  max-height: 100%;
46
46
  }
package/dist/components/Header.module.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  font-style: normal;
17
17
  font-weight: 500;
18
18
  line-height: 1.43;
19
- @media only screen and (min-width: $screen-xs) {
19
+ @media only screen and (min-width: $screen-sm) {
20
20
  font-size: 38px;
21
21
  }
22
22
  &:local(.bigHeader) {
@@ -25,7 +25,7 @@
25
25
  line-height: 1.2;
26
26
  overflow: hidden;
27
27
  text-overflow: ellipsis;
28
- @media only screen and (min-width: $screen-xs) {
28
+ @media only screen and (min-width: $screen-sm) {
29
29
  font-size: 50px;
30
30
  }
31
31
  }
@@ -36,7 +36,7 @@
36
36
  font-style: normal;
37
37
  font-weight: 500;
38
38
  line-height: 1.42;
39
- @media only screen and (min-width: $screen-xs) {
39
+ @media only screen and (min-width: $screen-sm) {
40
40
  font-size: 30px;
41
41
  }
42
42
  }
@@ -46,7 +46,7 @@
46
46
  font-style: normal;
47
47
  font-weight: bold;
48
48
  line-height: 1;
49
- @media only screen and (min-width: $screen-xs) {
49
+ @media only screen and (min-width: $screen-sm) {
50
50
  font-size: 22px;
51
51
  }
52
52
  }
@@ -56,7 +56,7 @@
56
56
  font-style: italic;
57
57
  font-weight: normal;
58
58
  line-height: 1;
59
- @media only screen and (min-width: $screen-xs) {
59
+ @media only screen and (min-width: $screen-sm) {
60
60
  font-size: 21px;
61
61
  }
62
62
  }
package/dist/components/NavigationBar.module.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  display: flex;
11
11
  justify-content: space-between;
12
12
  align-items: center;
13
- @media only screen and (min-width: $screen-xs) {
13
+ @media only screen and (min-width: $screen-sm) {
14
14
  height: 73px;
15
15
  }
16
16
  }
@@ -23,7 +23,7 @@
23
23
  height: 54px;
24
24
  max-width: none;
25
25
  }
26
- @media only screen and (min-width: $screen-xs) {
26
+ @media only screen and (min-width: $screen-sm) {
27
27
  width: 270px;
28
28
  height: 73px;
29
29
  img {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  :local(.dropdownOverlay) {
42
- @media only screen and (max-width: $screen-md) and (min-width: $screen-xs) {
42
+ @media only screen and (max-width: $screen-lg) and (min-width: $screen-sm) {
43
43
  @include transition(all 0.1s ease-out);
44
44
  content: "";
45
45
  position: absolute;
@@ -78,7 +78,7 @@
78
78
  display: block;
79
79
  }
80
80
  }
81
- @media only screen and (min-width: $screen-xs) {
81
+ @media only screen and (min-width: $screen-sm) {
82
82
  margin: 0 21px;
83
83
  }
84
84
  }
@@ -154,7 +154,7 @@
154
154
  }
155
155
  }
156
156
 
157
- @media only screen and (min-width: $screen-xs) {
157
+ @media only screen and (min-width: $screen-sm) {
158
158
  :local(.dropdownContainer) {
159
159
  position: relative;
160
160
  overflow: visible;
package/dist/components/Paper.module.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  }
12
12
  &:not(:local(.noPadding)) {
13
13
  padding: 12px 12px;
14
- @media only screen and (min-width: $screen-xs) {
14
+ @media only screen and (min-width: $screen-sm) {
15
15
  padding: 24px 28px;
16
16
  }
17
17
  }
package/dist/style/abstracts/variables/_viewports.scss CHANGED
@@ -1,11 +1,14 @@
1
- $screen-xs: 40.0625em !default;
1
+ $screen-xs: 320px !default;
2
2
  $screen-xs-min: $screen-xs !default;
3
- $screen-sm: 52.5625em !default;
3
+ $screen-sm: 640px !default;
4
4
  $screen-sm-min: $screen-sm !default;
5
- $screen-md: 64.0625em !default;
5
+ $screen-md: 960px !default;
6
6
  $screen-md-min: $screen-md !default;
7
- $screen-lg: 85.0625em !default;
7
+ $screen-lg: 1280px !default;
8
8
  $screen-lg-min: $screen-lg !default;
9
+ $screen-xl: 1920px !default;
10
+ $screen-xl-min: $screen-xl !default;
9
11
  $screen-xs-max: ($screen-sm-min - 1) !default;
10
12
  $screen-sm-max: ($screen-md-min - 1) !default;
11
13
  $screen-md-max: ($screen-lg-min - 1) !default;
14
+ $screen-lg-max: ($screen-xl-min - 1) !default;
package/dist/style/layout/_containers.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  max-width: 1280px;
4
4
  margin: 0 auto;
5
5
  font-size: 18px;
6
- @media only screen and (min-width: $screen-md){
6
+ @media only screen and (min-width: $screen-lg){
7
7
  padding: 0 40px;
8
8
  }
9
9
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "0.4.42",
3
+ "version": "0.4.43",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",