@gitlab/ui 39.5.1 → 39.6.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.
- package/CHANGELOG.md +7 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +1 -1
- package/src/components/base/markdown/markdown.scss +4 -6
- package/src/components/base/markdown/markdown_typescale_demo.html +28 -1
- package/src/scss/typescale/_index.scss +9 -0
- package/src/scss/typescale/typescale_demo.html +34 -0
- package/src/scss/utilities.scss +8 -0
- package/src/scss/utility-mixins/box-shadow.scss +4 -0
package/package.json
CHANGED
|
@@ -131,14 +131,12 @@
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
blockquote {
|
|
134
|
-
@include gl-text-gray-
|
|
134
|
+
@include gl-text-gray-700;
|
|
135
135
|
@include gl-py-3;
|
|
136
|
-
@include gl-
|
|
137
|
-
@include gl-my-
|
|
136
|
+
@include gl-pl-6;
|
|
137
|
+
@include gl-my-3;
|
|
138
138
|
@include gl-mx-0;
|
|
139
|
-
@include gl-border-l-
|
|
140
|
-
@include gl-border-l-4;
|
|
141
|
-
@include gl-border-l-gray-100;
|
|
139
|
+
@include gl-inset-border-l-4-gray-100;
|
|
142
140
|
}
|
|
143
141
|
|
|
144
142
|
.idiff {
|
|
@@ -34,6 +34,33 @@
|
|
|
34
34
|
requests, milestones, snippets and more.
|
|
35
35
|
</p>
|
|
36
36
|
</blockquote>
|
|
37
|
+
<blockquote>
|
|
38
|
+
<ul>
|
|
39
|
+
<li>Blockquote list item 1</li>
|
|
40
|
+
<li>Blockquote list item 2</li>
|
|
41
|
+
</ul>
|
|
42
|
+
</blockquote>
|
|
43
|
+
<blockquote>
|
|
44
|
+
<table>
|
|
45
|
+
<thead>
|
|
46
|
+
<tr>
|
|
47
|
+
<th>header</th>
|
|
48
|
+
</tr>
|
|
49
|
+
</thead>
|
|
50
|
+
<tbody>
|
|
51
|
+
<tr>
|
|
52
|
+
<td>cell</td>
|
|
53
|
+
</tr>
|
|
54
|
+
</tbody>
|
|
55
|
+
</table>
|
|
56
|
+
</blockquote>
|
|
57
|
+
<blockquote>
|
|
58
|
+
<blockquote>
|
|
59
|
+
<p>
|
|
60
|
+
Nested blockquote
|
|
61
|
+
</p>
|
|
62
|
+
</blockquote>
|
|
63
|
+
</blockquote>
|
|
37
64
|
<p>
|
|
38
65
|
This is a paragraph with two types inline diff <span class="idiff addition">addition</span> and
|
|
39
66
|
<span class="idiff deletion">deletion</span>
|
|
@@ -51,4 +78,4 @@
|
|
|
51
78
|
<a href="file.mp3" target="_blank" rel="noopener noreferrer" title="Download file.mp3" data-canonical-src="file.mp3"
|
|
52
79
|
data-link="true" class="gfm">file.mp3</a>
|
|
53
80
|
</span>
|
|
54
|
-
</p>
|
|
81
|
+
</p>
|
|
@@ -42,3 +42,37 @@
|
|
|
42
42
|
<p>UI Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown in a few significant
|
|
43
43
|
ways to add some useful functionality. You can use GFM in the following areas: comments, issues, merge requests,
|
|
44
44
|
milestones, snippets and more.</p>
|
|
45
|
+
<blockquote>
|
|
46
|
+
<p>
|
|
47
|
+
MD Doc Blockquote • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown in a few
|
|
48
|
+
significant ways to add some useful functionality. You can use GFM in the following areas: comments, issues, merge
|
|
49
|
+
requests, milestones, snippets and more.
|
|
50
|
+
</p>
|
|
51
|
+
</blockquote>
|
|
52
|
+
<blockquote>
|
|
53
|
+
<ul>
|
|
54
|
+
<li>Blockquote list item 1</li>
|
|
55
|
+
<li>Blockquote list item 2</li>
|
|
56
|
+
</ul>
|
|
57
|
+
</blockquote>
|
|
58
|
+
<blockquote>
|
|
59
|
+
<table>
|
|
60
|
+
<thead>
|
|
61
|
+
<tr>
|
|
62
|
+
<th>header</th>
|
|
63
|
+
</tr>
|
|
64
|
+
</thead>
|
|
65
|
+
<tbody>
|
|
66
|
+
<tr>
|
|
67
|
+
<td>cell</td>
|
|
68
|
+
</tr>
|
|
69
|
+
</tbody>
|
|
70
|
+
</table>
|
|
71
|
+
</blockquote>
|
|
72
|
+
<blockquote>
|
|
73
|
+
<blockquote>
|
|
74
|
+
<p>
|
|
75
|
+
Nested blockquote
|
|
76
|
+
</p>
|
|
77
|
+
</blockquote>
|
|
78
|
+
</blockquote>
|
package/src/scss/utilities.scss
CHANGED
|
@@ -1768,6 +1768,14 @@
|
|
|
1768
1768
|
box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-100 !important
|
|
1769
1769
|
}
|
|
1770
1770
|
|
|
1771
|
+
.gl-inset-border-l-4-gray-100 {
|
|
1772
|
+
box-shadow: inset #{$gl-border-size-4} 0 0 0 $gray-100
|
|
1773
|
+
}
|
|
1774
|
+
|
|
1775
|
+
.gl-inset-border-l-4-gray-100\! {
|
|
1776
|
+
box-shadow: inset #{$gl-border-size-4} 0 0 0 $gray-100 !important
|
|
1777
|
+
}
|
|
1778
|
+
|
|
1771
1779
|
.gl-inset-border-b-1-gray-200 {
|
|
1772
1780
|
box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-200
|
|
1773
1781
|
}
|
|
@@ -40,6 +40,10 @@
|
|
|
40
40
|
box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-100;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
+
@mixin gl-inset-border-l-4-gray-100 {
|
|
44
|
+
box-shadow: inset #{$gl-border-size-4} 0 0 0 $gray-100;
|
|
45
|
+
}
|
|
46
|
+
|
|
43
47
|
@mixin gl-inset-border-b-1-gray-200 {
|
|
44
48
|
box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-200;
|
|
45
49
|
}
|