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

Sign up to get free protection for your applications and to get access to all the features.
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 {