@meduza/ui-kit-2 0.2.7 → 0.2.8

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.
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.2.7",
2
+ "version": "0.2.8",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -24,7 +24,7 @@ export const DonatesTeaser: React.FC<DonatesTeaserProps> = ({
24
24
  },
25
25
  en: {
26
26
  title:
27
- 'There’s still time for a good deed&nbsp;in&nbsp;2021!<br/>Support Meduza ',
27
+ 'There’s still time for a good deed&nbsp;in&nbsp;2021!<br/>Support Meduza ',
28
28
  // subtitle: 'And we need your support',
29
29
  button: 'Donate',
30
30
  href: 'https://support.meduza.io/en'
@@ -27,28 +27,15 @@ $gapMedium: 15px;
27
27
  $gapSmall: 12px;
28
28
 
29
29
  /* Media */
30
- $mobile: only screen and
31
- (
32
- min-width: 32em
33
- ); /* 512 */
34
- $contentWidth: only screen and
35
- (
36
- min-width: 40.625em
37
- ); /* 650 */
38
- $portraitTablet: $contentWidth;
39
- $landscapeTablet: $contentWidth;
40
- $desktop: $contentWidth;
41
- $wideDesktop: $contentWidth;
30
+ $mobile: only screen and (min-device-width: 32em); /* 512 */
31
+ $contentWidth: only screen and (min-device-width: 40.625em); /* 650 */
32
+ $portraitTablet: only screen and (min-device-width: 48em); /* 768 */
33
+ $landscapeTablet: only screen and (min-device-width: 64em); /* 1024 */
34
+ $desktop: only screen and (min-device-width: 63.125em); /* 1010 */
35
+ $wideDesktop: only screen and (min-device-width: 75em); /* 1200 */
42
36
 
43
- $mobileMax: only screen and
44
- (
45
- max-width: 32.1875em
46
- ); /* 511 */
47
- $landscapeTabletMax: only screen and
48
- (
49
- max-width: 40,
50
- 5625em
51
- ); /* 649 */
37
+ $mobileMax: only screen and (max-device-width: 32.1875em); /* 511 */
38
+ $landscapeTabletMax: only screen and (max-device-width: 63.9375em); /* 1023 */
52
39
 
53
40
  /* Zindex */
54
41
  $zIndex-1: 100;