@gravity-ui/blog-constructor 7.0.0-alpha.1 → 7.0.0-alpha.2

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 (6) hide show
  1. package/build/cjs/containers/BlogPostPage/BlogPostPage.css +18 -26
  2. package/build/esm/containers/BlogPostPage/BlogPostPage.css +18 -26
  3. package/package.json +1 -1
  4. package/styles/styles.css +18 -26
  5. package/styles/yfm.css +18 -26
  6. package/styles/yfm.scss +21 -30
package/build/cjs/containers/BlogPostPage/BlogPostPage.css CHANGED
@@ -29,37 +29,37 @@ unpredictable css rules order in build */
29
29
  line-height: var(--g-text-body-3-line-height);
30
30
  color: var(--g-color-text-primary);
31
31
  }
32
- .yfm_blog h1:first-child,
33
- .yfm_blog h2:first-child,
34
- .yfm_blog h3:first-child,
35
- .yfm_blog h4:first-child {
32
+ .yfm_blog.yfm_blog h1,
33
+ .yfm_blog.yfm_blog h2,
34
+ .yfm_blog.yfm_blog h3,
35
+ .yfm_blog.yfm_blog h4,
36
+ .yfm_blog.yfm_blog h5,
37
+ .yfm_blog.yfm_blog h6 {
38
+ margin-bottom: 16px;
39
+ margin-top: 32px;
40
+ padding-top: 0;
41
+ font-weight: var(--g-text-header-font-weight);
42
+ }
43
+ .yfm_blog.yfm_blog h1:first-child,
44
+ .yfm_blog.yfm_blog h2:first-child,
45
+ .yfm_blog.yfm_blog h3:first-child,
46
+ .yfm_blog.yfm_blog h4:first-child {
36
47
  padding: 0;
37
48
  margin-top: 0;
38
49
  padding-top: 0;
39
50
  }
40
- .yfm_blog h2 {
51
+ .yfm_blog.yfm_blog h2 {
41
52
  font-size: var(--g-text-display-2-font-size);
42
53
  line-height: var(--g-text-display-2-line-height);
43
54
  }
44
- .yfm_blog h3 {
55
+ .yfm_blog.yfm_blog h3 {
45
56
  font-size: var(--g-text-header-2-font-size);
46
57
  line-height: var(--g-text-header-2-line-height);
47
58
  }
48
- .yfm_blog h4 {
59
+ .yfm_blog.yfm_blog h4 {
49
60
  font-size: var(--g-text-header-1-font-size);
50
61
  line-height: var(--g-text-header-1-line-height);
51
62
  }
52
- .yfm_blog.yfm_blog h1,
53
- .yfm_blog.yfm_blog h2,
54
- .yfm_blog.yfm_blog h3,
55
- .yfm_blog.yfm_blog h4,
56
- .yfm_blog.yfm_blog h5,
57
- .yfm_blog.yfm_blog h6 {
58
- margin-bottom: 16px;
59
- margin-top: 32px;
60
- padding-top: 0;
61
- font-weight: var(--g-text-header-font-weight);
62
- }
63
63
 
64
64
  .yfm_blog blockquote,
65
65
  .yfm_blog dl,
@@ -135,14 +135,6 @@ unpredictable css rules order in build */
135
135
  .yfm_blog .yfm-clipboard {
136
136
  margin: 32px 0;
137
137
  }
138
- .yfm_blog .yfm_reset_paddings > h1,
139
- .yfm_blog .yfm_reset_paddings > h2,
140
- .yfm_blog .yfm_reset_paddings > h3,
141
- .yfm_blog .yfm_reset_paddings > h4,
142
- .yfm_blog .yfm_reset_paddings > h5,
143
- .yfm_blog .yfm_reset_paddings > h6 {
144
- margin-top: 0;
145
- }
146
138
 
147
139
  .yfm_blog_card p {
148
140
  color: var(--pc-text-header-color);
package/build/esm/containers/BlogPostPage/BlogPostPage.css CHANGED
@@ -29,37 +29,37 @@ unpredictable css rules order in build */
29
29
  line-height: var(--g-text-body-3-line-height);
30
30
  color: var(--g-color-text-primary);
31
31
  }
32
- .yfm_blog h1:first-child,
33
- .yfm_blog h2:first-child,
34
- .yfm_blog h3:first-child,
35
- .yfm_blog h4:first-child {
32
+ .yfm_blog.yfm_blog h1,
33
+ .yfm_blog.yfm_blog h2,
34
+ .yfm_blog.yfm_blog h3,
35
+ .yfm_blog.yfm_blog h4,
36
+ .yfm_blog.yfm_blog h5,
37
+ .yfm_blog.yfm_blog h6 {
38
+ margin-bottom: 16px;
39
+ margin-top: 32px;
40
+ padding-top: 0;
41
+ font-weight: var(--g-text-header-font-weight);
42
+ }
43
+ .yfm_blog.yfm_blog h1:first-child,
44
+ .yfm_blog.yfm_blog h2:first-child,
45
+ .yfm_blog.yfm_blog h3:first-child,
46
+ .yfm_blog.yfm_blog h4:first-child {
36
47
  padding: 0;
37
48
  margin-top: 0;
38
49
  padding-top: 0;
39
50
  }
40
- .yfm_blog h2 {
51
+ .yfm_blog.yfm_blog h2 {
41
52
  font-size: var(--g-text-display-2-font-size);
42
53
  line-height: var(--g-text-display-2-line-height);
43
54
  }
44
- .yfm_blog h3 {
55
+ .yfm_blog.yfm_blog h3 {
45
56
  font-size: var(--g-text-header-2-font-size);
46
57
  line-height: var(--g-text-header-2-line-height);
47
58
  }
48
- .yfm_blog h4 {
59
+ .yfm_blog.yfm_blog h4 {
49
60
  font-size: var(--g-text-header-1-font-size);
50
61
  line-height: var(--g-text-header-1-line-height);
51
62
  }
52
- .yfm_blog.yfm_blog h1,
53
- .yfm_blog.yfm_blog h2,
54
- .yfm_blog.yfm_blog h3,
55
- .yfm_blog.yfm_blog h4,
56
- .yfm_blog.yfm_blog h5,
57
- .yfm_blog.yfm_blog h6 {
58
- margin-bottom: 16px;
59
- margin-top: 32px;
60
- padding-top: 0;
61
- font-weight: var(--g-text-header-font-weight);
62
- }
63
63
 
64
64
  .yfm_blog blockquote,
65
65
  .yfm_blog dl,
@@ -135,14 +135,6 @@ unpredictable css rules order in build */
135
135
  .yfm_blog .yfm-clipboard {
136
136
  margin: 32px 0;
137
137
  }
138
- .yfm_blog .yfm_reset_paddings > h1,
139
- .yfm_blog .yfm_reset_paddings > h2,
140
- .yfm_blog .yfm_reset_paddings > h3,
141
- .yfm_blog .yfm_reset_paddings > h4,
142
- .yfm_blog .yfm_reset_paddings > h5,
143
- .yfm_blog .yfm_reset_paddings > h6 {
144
- margin-top: 0;
145
- }
146
138
 
147
139
  .yfm_blog_card p {
148
140
  color: var(--pc-text-header-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "7.0.0-alpha.1",
3
+ "version": "7.0.0-alpha.2",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/styles/styles.css CHANGED
@@ -6,37 +6,37 @@ unpredictable css rules order in build */
6
6
  line-height: var(--g-text-body-3-line-height);
7
7
  color: var(--g-color-text-primary);
8
8
  }
9
- .yfm_blog h1:first-child,
10
- .yfm_blog h2:first-child,
11
- .yfm_blog h3:first-child,
12
- .yfm_blog h4:first-child {
9
+ .yfm_blog.yfm_blog h1,
10
+ .yfm_blog.yfm_blog h2,
11
+ .yfm_blog.yfm_blog h3,
12
+ .yfm_blog.yfm_blog h4,
13
+ .yfm_blog.yfm_blog h5,
14
+ .yfm_blog.yfm_blog h6 {
15
+ margin-bottom: 16px;
16
+ margin-top: 32px;
17
+ padding-top: 0;
18
+ font-weight: var(--g-text-header-font-weight);
19
+ }
20
+ .yfm_blog.yfm_blog h1:first-child,
21
+ .yfm_blog.yfm_blog h2:first-child,
22
+ .yfm_blog.yfm_blog h3:first-child,
23
+ .yfm_blog.yfm_blog h4:first-child {
13
24
  padding: 0;
14
25
  margin-top: 0;
15
26
  padding-top: 0;
16
27
  }
17
- .yfm_blog h2 {
28
+ .yfm_blog.yfm_blog h2 {
18
29
  font-size: var(--g-text-display-2-font-size);
19
30
  line-height: var(--g-text-display-2-line-height);
20
31
  }
21
- .yfm_blog h3 {
32
+ .yfm_blog.yfm_blog h3 {
22
33
  font-size: var(--g-text-header-2-font-size);
23
34
  line-height: var(--g-text-header-2-line-height);
24
35
  }
25
- .yfm_blog h4 {
36
+ .yfm_blog.yfm_blog h4 {
26
37
  font-size: var(--g-text-header-1-font-size);
27
38
  line-height: var(--g-text-header-1-line-height);
28
39
  }
29
- .yfm_blog.yfm_blog h1,
30
- .yfm_blog.yfm_blog h2,
31
- .yfm_blog.yfm_blog h3,
32
- .yfm_blog.yfm_blog h4,
33
- .yfm_blog.yfm_blog h5,
34
- .yfm_blog.yfm_blog h6 {
35
- margin-bottom: 16px;
36
- margin-top: 32px;
37
- padding-top: 0;
38
- font-weight: var(--g-text-header-font-weight);
39
- }
40
40
 
41
41
  .yfm_blog blockquote,
42
42
  .yfm_blog dl,
@@ -112,14 +112,6 @@ unpredictable css rules order in build */
112
112
  .yfm_blog .yfm-clipboard {
113
113
  margin: 32px 0;
114
114
  }
115
- .yfm_blog .yfm_reset_paddings > h1,
116
- .yfm_blog .yfm_reset_paddings > h2,
117
- .yfm_blog .yfm_reset_paddings > h3,
118
- .yfm_blog .yfm_reset_paddings > h4,
119
- .yfm_blog .yfm_reset_paddings > h5,
120
- .yfm_blog .yfm_reset_paddings > h6 {
121
- margin-top: 0;
122
- }
123
115
 
124
116
  .yfm_blog_card p {
125
117
  color: var(--pc-text-header-color);
package/styles/yfm.css CHANGED
@@ -5,37 +5,37 @@ unpredictable css rules order in build */
5
5
  line-height: var(--g-text-body-3-line-height);
6
6
  color: var(--g-color-text-primary);
7
7
  }
8
- .yfm_blog h1:first-child,
9
- .yfm_blog h2:first-child,
10
- .yfm_blog h3:first-child,
11
- .yfm_blog h4:first-child {
8
+ .yfm_blog.yfm_blog h1,
9
+ .yfm_blog.yfm_blog h2,
10
+ .yfm_blog.yfm_blog h3,
11
+ .yfm_blog.yfm_blog h4,
12
+ .yfm_blog.yfm_blog h5,
13
+ .yfm_blog.yfm_blog h6 {
14
+ margin-bottom: 16px;
15
+ margin-top: 32px;
16
+ padding-top: 0;
17
+ font-weight: var(--g-text-header-font-weight);
18
+ }
19
+ .yfm_blog.yfm_blog h1:first-child,
20
+ .yfm_blog.yfm_blog h2:first-child,
21
+ .yfm_blog.yfm_blog h3:first-child,
22
+ .yfm_blog.yfm_blog h4:first-child {
12
23
  padding: 0;
13
24
  margin-top: 0;
14
25
  padding-top: 0;
15
26
  }
16
- .yfm_blog h2 {
27
+ .yfm_blog.yfm_blog h2 {
17
28
  font-size: var(--g-text-display-2-font-size);
18
29
  line-height: var(--g-text-display-2-line-height);
19
30
  }
20
- .yfm_blog h3 {
31
+ .yfm_blog.yfm_blog h3 {
21
32
  font-size: var(--g-text-header-2-font-size);
22
33
  line-height: var(--g-text-header-2-line-height);
23
34
  }
24
- .yfm_blog h4 {
35
+ .yfm_blog.yfm_blog h4 {
25
36
  font-size: var(--g-text-header-1-font-size);
26
37
  line-height: var(--g-text-header-1-line-height);
27
38
  }
28
- .yfm_blog.yfm_blog h1,
29
- .yfm_blog.yfm_blog h2,
30
- .yfm_blog.yfm_blog h3,
31
- .yfm_blog.yfm_blog h4,
32
- .yfm_blog.yfm_blog h5,
33
- .yfm_blog.yfm_blog h6 {
34
- margin-bottom: 16px;
35
- margin-top: 32px;
36
- padding-top: 0;
37
- font-weight: var(--g-text-header-font-weight);
38
- }
39
39
 
40
40
  .yfm_blog blockquote,
41
41
  .yfm_blog dl,
@@ -111,14 +111,6 @@ unpredictable css rules order in build */
111
111
  .yfm_blog .yfm-clipboard {
112
112
  margin: 32px 0;
113
113
  }
114
- .yfm_blog .yfm_reset_paddings > h1,
115
- .yfm_blog .yfm_reset_paddings > h2,
116
- .yfm_blog .yfm_reset_paddings > h3,
117
- .yfm_blog .yfm_reset_paddings > h4,
118
- .yfm_blog .yfm_reset_paddings > h5,
119
- .yfm_blog .yfm_reset_paddings > h6 {
120
- margin-top: 0;
121
- }
122
114
 
123
115
  .yfm_blog_card p {
124
116
  color: var(--pc-text-header-color);
package/styles/yfm.scss CHANGED
@@ -7,27 +7,6 @@
7
7
  @include text-size(body-3);
8
8
  color: var(--g-color-text-primary);
9
9
 
10
- h1:first-child,
11
- h2:first-child,
12
- h3:first-child,
13
- h4:first-child {
14
- padding: 0;
15
- margin-top: 0;
16
- padding-top: 0;
17
- }
18
-
19
- h2 {
20
- @include text-size(display-2);
21
- }
22
-
23
- h3 {
24
- @include text-size(header-2);
25
- }
26
-
27
- h4 {
28
- @include text-size(header-1);
29
- }
30
-
31
10
  @include add-specificity(&) {
32
11
  h1,
33
12
  h2,
@@ -40,6 +19,27 @@
40
19
  padding-top: 0;
41
20
  font-weight: var(--g-text-header-font-weight);
42
21
  }
22
+
23
+ h1:first-child,
24
+ h2:first-child,
25
+ h3:first-child,
26
+ h4:first-child {
27
+ padding: 0;
28
+ margin-top: 0;
29
+ padding-top: 0;
30
+ }
31
+
32
+ h2 {
33
+ @include text-size(display-2);
34
+ }
35
+
36
+ h3 {
37
+ @include text-size(header-2);
38
+ }
39
+
40
+ h4 {
41
+ @include text-size(header-1);
42
+ }
43
43
  }
44
44
 
45
45
  blockquote,
@@ -130,15 +130,6 @@
130
130
  .yfm-clipboard {
131
131
  margin: $indentM 0;
132
132
  }
133
-
134
- .yfm_reset_paddings > h1,
135
- .yfm_reset_paddings > h2,
136
- .yfm_reset_paddings > h3,
137
- .yfm_reset_paddings > h4,
138
- .yfm_reset_paddings > h5,
139
- .yfm_reset_paddings > h6 {
140
- margin-top: 0;
141
- }
142
133
  }
143
134
 
144
135
  .yfm_blog_card {