@gravity-ui/page-constructor 8.24.0 → 8.24.1-alpha.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.
@@ -72,15 +72,16 @@ unpredictable css rules order in build */
72
72
  .pc-footer-block__links-floor-list_wrap {
73
73
  flex-wrap: wrap;
74
74
  }
75
- .pc-footer-block__links-floor-list a {
75
+ .pc-footer-block.pc-footer-block .pc-footer-block__links-floor-list a {
76
76
  display: inline-block;
77
77
  text-decoration: none;
78
78
  color: var(--g-color-text-primary);
79
79
  }
80
- .pc-footer-block__links-floor-list a:hover {
80
+ .pc-footer-block.pc-footer-block .pc-footer-block__links-floor-list a:hover {
81
81
  color: var(--g-color-text-secondary);
82
82
  background-color: transparent;
83
83
  }
84
+
84
85
  .pc-footer-block__links-floor-inner_centered .pc-footer-block__links-floor-list_wrap {
85
86
  justify-content: center;
86
87
  }
@@ -12,7 +12,6 @@ unpredictable css rules order in build */
12
12
  .pc-fullscreen-image__modal-content {
13
13
  position: relative;
14
14
  border-radius: var(--pc-border-radius);
15
- width: 100%;
16
15
  }
17
16
  .pc-fullscreen-image__modal-content-wrapper {
18
17
  width: 100%;
@@ -27,6 +26,7 @@ unpredictable css rules order in build */
27
26
  justify-content: center;
28
27
  }
29
28
  .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content {
29
+ width: 100%;
30
30
  background-color: transparent;
31
31
  }
32
32
  .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__expand-icon-wrapper, .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__close-icon-wrapper {
@@ -66,12 +66,13 @@ unpredictable css rules order in build */
66
66
  font-family: var(--g-font-family-sans);
67
67
  color: var(--g-color-text-primary);
68
68
  }
69
- .yfm_constructor code,
70
- .yfm_constructor kbd,
71
- .yfm_constructor pre {
69
+ .yfm_constructor.yfm_constructor code,
70
+ .yfm_constructor.yfm_constructor kbd,
71
+ .yfm_constructor.yfm_constructor pre {
72
72
  font-family: var(--g-font-family-monospace);
73
73
  color: var(--g-color-text-primary);
74
74
  }
75
+
75
76
  .yfm_constructor.yfm_constructor h1,
76
77
  .yfm_constructor.yfm_constructor h2,
77
78
  .yfm_constructor.yfm_constructor h3,
@@ -150,13 +151,13 @@ unpredictable css rules order in build */
150
151
  .yfm_constructor a:focus:not(:focus-visible) {
151
152
  box-shadow: none;
152
153
  }
153
- .yfm_constructor table {
154
+ .yfm_constructor.yfm_constructor table {
154
155
  color: var(--g-color-text-primary);
155
156
  border: 1px solid var(--g-color-line-generic);
156
157
  background: var(--g-color-base-background);
157
158
  }
158
- .yfm_constructor thead,
159
- .yfm_constructor table tr:nth-child(2n) {
159
+ .yfm_constructor.yfm_constructor thead,
160
+ .yfm_constructor.yfm_constructor table tr:nth-child(2n) {
160
161
  background-color: var(--g-color-base-generic);
161
162
  }
162
163
 
@@ -28,12 +28,13 @@ unpredictable css rules order in build */
28
28
  .pc-price-card__content_theme_dark .pc-price-card__info .yfm * {
29
29
  color: var(--g-color-text-light-primary);
30
30
  }
31
- .pc-price-card__content_theme_dark .pc-price-card__info a {
31
+ .pc-price-card__content_theme_dark.pc-price-card__content_theme_dark .pc-price-card__info a {
32
32
  text-decoration: underline;
33
33
  }
34
- .pc-price-card__content_theme_dark .pc-price-card__info a:hover {
34
+ .pc-price-card__content_theme_dark.pc-price-card__content_theme_dark .pc-price-card__info a:hover {
35
35
  color: var(--g-color-text-light-secondary);
36
36
  }
37
+
37
38
  .pc-price-card__content_theme_light {
38
39
  color: var(--g-color-text-dark-primary);
39
40
  }
@@ -41,12 +42,13 @@ unpredictable css rules order in build */
41
42
  .pc-price-card__content_theme_light .pc-price-card__info .yfm * {
42
43
  color: var(--g-color-text-dark-primary);
43
44
  }
44
- .pc-price-card__content_theme_light .pc-price-card__info a {
45
+ .pc-price-card__content_theme_light.pc-price-card__content_theme_light .pc-price-card__info a {
45
46
  text-decoration: underline;
46
47
  }
47
- .pc-price-card__content_theme_light .pc-price-card__info a:hover {
48
+ .pc-price-card__content_theme_light.pc-price-card__content_theme_light .pc-price-card__info a:hover {
48
49
  color: var(--g-color-text-dark-secondary);
49
50
  }
51
+
50
52
  .pc-price-card__title.pc-price-card__title {
51
53
  font-size: var(--g-text-subheader-3-font-size);
52
54
  line-height: var(--g-text-subheader-3-line-height);
@@ -72,15 +72,16 @@ unpredictable css rules order in build */
72
72
  .pc-footer-block__links-floor-list_wrap {
73
73
  flex-wrap: wrap;
74
74
  }
75
- .pc-footer-block__links-floor-list a {
75
+ .pc-footer-block.pc-footer-block .pc-footer-block__links-floor-list a {
76
76
  display: inline-block;
77
77
  text-decoration: none;
78
78
  color: var(--g-color-text-primary);
79
79
  }
80
- .pc-footer-block__links-floor-list a:hover {
80
+ .pc-footer-block.pc-footer-block .pc-footer-block__links-floor-list a:hover {
81
81
  color: var(--g-color-text-secondary);
82
82
  background-color: transparent;
83
83
  }
84
+
84
85
  .pc-footer-block__links-floor-inner_centered .pc-footer-block__links-floor-list_wrap {
85
86
  justify-content: center;
86
87
  }
@@ -12,7 +12,6 @@ unpredictable css rules order in build */
12
12
  .pc-fullscreen-image__modal-content {
13
13
  position: relative;
14
14
  border-radius: var(--pc-border-radius);
15
- width: 100%;
16
15
  }
17
16
  .pc-fullscreen-image__modal-content-wrapper {
18
17
  width: 100%;
@@ -27,6 +26,7 @@ unpredictable css rules order in build */
27
26
  justify-content: center;
28
27
  }
29
28
  .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content {
29
+ width: 100%;
30
30
  background-color: transparent;
31
31
  }
32
32
  .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__expand-icon-wrapper, .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__close-icon-wrapper {
@@ -66,12 +66,13 @@ unpredictable css rules order in build */
66
66
  font-family: var(--g-font-family-sans);
67
67
  color: var(--g-color-text-primary);
68
68
  }
69
- .yfm_constructor code,
70
- .yfm_constructor kbd,
71
- .yfm_constructor pre {
69
+ .yfm_constructor.yfm_constructor code,
70
+ .yfm_constructor.yfm_constructor kbd,
71
+ .yfm_constructor.yfm_constructor pre {
72
72
  font-family: var(--g-font-family-monospace);
73
73
  color: var(--g-color-text-primary);
74
74
  }
75
+
75
76
  .yfm_constructor.yfm_constructor h1,
76
77
  .yfm_constructor.yfm_constructor h2,
77
78
  .yfm_constructor.yfm_constructor h3,
@@ -150,13 +151,13 @@ unpredictable css rules order in build */
150
151
  .yfm_constructor a:focus:not(:focus-visible) {
151
152
  box-shadow: none;
152
153
  }
153
- .yfm_constructor table {
154
+ .yfm_constructor.yfm_constructor table {
154
155
  color: var(--g-color-text-primary);
155
156
  border: 1px solid var(--g-color-line-generic);
156
157
  background: var(--g-color-base-background);
157
158
  }
158
- .yfm_constructor thead,
159
- .yfm_constructor table tr:nth-child(2n) {
159
+ .yfm_constructor.yfm_constructor thead,
160
+ .yfm_constructor.yfm_constructor table tr:nth-child(2n) {
160
161
  background-color: var(--g-color-base-generic);
161
162
  }
162
163
 
@@ -28,12 +28,13 @@ unpredictable css rules order in build */
28
28
  .pc-price-card__content_theme_dark .pc-price-card__info .yfm * {
29
29
  color: var(--g-color-text-light-primary);
30
30
  }
31
- .pc-price-card__content_theme_dark .pc-price-card__info a {
31
+ .pc-price-card__content_theme_dark.pc-price-card__content_theme_dark .pc-price-card__info a {
32
32
  text-decoration: underline;
33
33
  }
34
- .pc-price-card__content_theme_dark .pc-price-card__info a:hover {
34
+ .pc-price-card__content_theme_dark.pc-price-card__content_theme_dark .pc-price-card__info a:hover {
35
35
  color: var(--g-color-text-light-secondary);
36
36
  }
37
+
37
38
  .pc-price-card__content_theme_light {
38
39
  color: var(--g-color-text-dark-primary);
39
40
  }
@@ -41,12 +42,13 @@ unpredictable css rules order in build */
41
42
  .pc-price-card__content_theme_light .pc-price-card__info .yfm * {
42
43
  color: var(--g-color-text-dark-primary);
43
44
  }
44
- .pc-price-card__content_theme_light .pc-price-card__info a {
45
+ .pc-price-card__content_theme_light.pc-price-card__content_theme_light .pc-price-card__info a {
45
46
  text-decoration: underline;
46
47
  }
47
- .pc-price-card__content_theme_light .pc-price-card__info a:hover {
48
+ .pc-price-card__content_theme_light.pc-price-card__content_theme_light .pc-price-card__info a:hover {
48
49
  color: var(--g-color-text-dark-secondary);
49
50
  }
51
+
50
52
  .pc-price-card__title.pc-price-card__title {
51
53
  font-size: var(--g-text-subheader-3-font-size);
52
54
  line-height: var(--g-text-subheader-3-line-height);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "8.24.0",
3
+ "version": "8.24.1-alpha.0",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "type": "commonjs",
package/styles/styles.css CHANGED
@@ -9,12 +9,13 @@ unpredictable css rules order in build */
9
9
  font-family: var(--g-font-family-sans);
10
10
  color: var(--g-color-text-primary);
11
11
  }
12
- .yfm_constructor code,
13
- .yfm_constructor kbd,
14
- .yfm_constructor pre {
12
+ .yfm_constructor.yfm_constructor code,
13
+ .yfm_constructor.yfm_constructor kbd,
14
+ .yfm_constructor.yfm_constructor pre {
15
15
  font-family: var(--g-font-family-monospace);
16
16
  color: var(--g-color-text-primary);
17
17
  }
18
+
18
19
  .yfm_constructor.yfm_constructor h1,
19
20
  .yfm_constructor.yfm_constructor h2,
20
21
  .yfm_constructor.yfm_constructor h3,
@@ -93,13 +94,13 @@ unpredictable css rules order in build */
93
94
  .yfm_constructor a:focus:not(:focus-visible) {
94
95
  box-shadow: none;
95
96
  }
96
- .yfm_constructor table {
97
+ .yfm_constructor.yfm_constructor table {
97
98
  color: var(--g-color-text-primary);
98
99
  border: 1px solid var(--g-color-line-generic);
99
100
  background: var(--g-color-base-background);
100
101
  }
101
- .yfm_constructor thead,
102
- .yfm_constructor table tr:nth-child(2n) {
102
+ .yfm_constructor.yfm_constructor thead,
103
+ .yfm_constructor.yfm_constructor table tr:nth-child(2n) {
103
104
  background-color: var(--g-color-base-generic);
104
105
  }
105
106
 
package/styles/yfm.scss CHANGED
@@ -7,11 +7,13 @@
7
7
  font-family: var(--g-font-family-sans);
8
8
  color: var(--g-color-text-primary);
9
9
 
10
- code,
11
- kbd,
12
- pre {
13
- font-family: var(--g-font-family-monospace);
14
- color: var(--g-color-text-primary);
10
+ @include add-specificity(&) {
11
+ code,
12
+ kbd,
13
+ pre {
14
+ font-family: var(--g-font-family-monospace);
15
+ color: var(--g-color-text-primary);
16
+ }
15
17
  }
16
18
 
17
19
  @include add-specificity(&) {
@@ -97,15 +99,17 @@
97
99
  border-radius: var(--g-focus-border-radius);
98
100
  }
99
101
 
100
- table {
101
- color: var(--g-color-text-primary);
102
- border: 1px solid var(--g-color-line-generic);
103
- background: var(--g-color-base-background);
104
- }
102
+ @include add-specificity(&) {
103
+ table {
104
+ color: var(--g-color-text-primary);
105
+ border: 1px solid var(--g-color-line-generic);
106
+ background: var(--g-color-base-background);
107
+ }
105
108
 
106
- thead,
107
- table tr:nth-child(2n) {
108
- background-color: var(--g-color-base-generic);
109
+ thead,
110
+ table tr:nth-child(2n) {
111
+ background-color: var(--g-color-base-generic);
112
+ }
109
113
  }
110
114
  }
111
115