@meduza/ui-kit-2 0.2.5 → 0.2.7-g

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.5",
2
+ "version": "0.2.7-g",
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 AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
24
24
  text:
25
25
  'В&nbsp;2021 году &laquo;Медуза&raquo; смогла выжить&nbsp;&mdash; благодаря читателям. Но&nbsp;нам по-прежнему нужна поддержка. Один раз или регулярно, маленькая сумма или большая&nbsp;&mdash; любая помощь критически важна. В&nbsp;2022-м наша редакция может рассчитывать только на&nbsp;вас. А&nbsp;вы&nbsp;знаете, что делать.',
26
26
  button: 'О да, я знаю!',
27
- href: 'https://support.meduza.io'
27
+ href: 'https://mdza.io/FNtRa28cc1o'
28
28
  },
29
29
 
30
30
  en: {
@@ -32,7 +32,7 @@ export const AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
32
32
  text:
33
33
  'Meduza survived 2021 thanks to readers like&nbsp;you. To make it through another year, we need your continued support. One-time contributions and especially recurring donations will sustain Meduza’s work in 2022. Whatever you can give, your help is critical. The future of our newsroom is in your hands. You know what to do.',
34
34
  button: 'Let’s do this!',
35
- href: 'https://support.meduza.io/en'
35
+ href: 'https://mdza.io/c-m1LRBgwEA'
36
36
  }
37
37
  }
38
38
 
@@ -52,7 +52,12 @@ export const AnnouncementInText: React.FC<AnnouncementInTextProps> = ({
52
52
  </div>
53
53
 
54
54
  <div className={styles.footer}>
55
- <a className={styles.button} href={localeData.href}>
55
+ <a
56
+ className={styles.button}
57
+ href={localeData.href}
58
+ target="_blank"
59
+ rel="noreferrer"
60
+ >
56
61
  {localeData.button}
57
62
  </a>
58
63
  </div>
@@ -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-width: 32em); /* 512 */
31
+ $contentWidth: only screen and (min-width: 40.625em); /* 650 */
32
+ $portraitTablet: only screen and (min-width: 48em); /* 768 */
33
+ $landscapeTablet: only screen and (min-width: 64em); /* 1024 */
34
+ $desktop: only screen and (min-width: 63.125em); /* 1010 */
35
+ $wideDesktop: only screen and (min-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-width: 32.1875em); /* 511 */
38
+ $landscapeTabletMax: only screen and (max-width: 63.9375em); /* 1023 */
52
39
 
53
40
  /* Zindex */
54
41
  $zIndex-1: 100;
package/src/vars.css CHANGED
@@ -27,15 +27,28 @@ $gapMedium: 15px;
27
27
  $gapSmall: 12px;
28
28
 
29
29
  /* Media */
30
- $mobile: only screen and (min-width: 32em); /* 512 */
31
- $contentWidth: only screen and (min-width: 40.625em); /* 650 */
32
- $portraitTablet: only screen and (min-width: 48em); /* 768 */
33
- $landscapeTablet: only screen and (min-width: 64em); /* 1024 */
34
- $desktop: only screen and (min-width: 63.125em); /* 1010 */
35
- $wideDesktop: only screen and (min-width: 75em); /* 1200 */
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;
36
42
 
37
- $mobileMax: only screen and (max-width: 32.1875em); /* 511 */
38
- $landscapeTabletMax: only screen and (max-width: 63.9375em); /* 1023 */
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 */
39
52
 
40
53
  /* Zindex */
41
54
  $zIndex-1: 100;