Skip to content

Commit 814ab55

Browse files
committed
fix(Icon): change vertical alignment
1 parent d17bef1 commit 814ab55

File tree

3 files changed

+26
-20
lines changed

3 files changed

+26
-20
lines changed

.changeset/few-berries-pretend.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@cube-dev/ui-kit': patch
3+
---
4+
5+
Change vertical alignment of icons to sub.

src/icons/Icon.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const IconElement = tasty({
1717
styles: {
1818
display: 'inline-grid',
1919
placeContent: 'center',
20-
verticalAlign: 'middle',
20+
verticalAlign: 'sub',
2121
width: '1em 1em',
2222
height: 'min 1em',
2323
fontSize: 'var(--icon-size, var(--font-size))',

src/stories/Typography.stories.tsx

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import {
55
Flow,
66
Space,
77
Block,
8+
CubeIcon,
89
} from '../index';
910

1011
export default {
@@ -15,61 +16,61 @@ export const Presets = {
1516
render: () => (
1617
<Flow gap="1x" color="#dark">
1718
<Block preset="h1">
18-
The quick brown fox jumps over the lazy dog - h1
19+
<CubeIcon /> The quick brown fox jumps over the lazy dog - h1
1920
</Block>
2021
<Block preset="h2">
21-
The quick brown fox jumps over the lazy dog - h2
22+
<CubeIcon /> The quick brown fox jumps over the lazy dog - h2
2223
</Block>
2324
<Block preset="h3">
24-
The quick brown fox jumps over the lazy dog - h3
25+
<CubeIcon /> The quick brown fox jumps over the lazy dog - h3
2526
</Block>
2627
<Block preset="h4">
27-
The quick brown fox jumps over the lazy dog - h4
28+
<CubeIcon /> The quick brown fox jumps over the lazy dog - h4
2829
</Block>
2930
<Block preset="h5">
30-
The quick brown fox jumps over the lazy dog - h5
31+
<CubeIcon /> The quick brown fox jumps over the lazy dog - h5
3132
</Block>
3233
<Block preset="h6">
33-
The quick brown fox jumps over the lazy dog - h6
34+
<CubeIcon /> The quick brown fox jumps over the lazy dog - h6
3435
</Block>
3536
<Block preset="t1">
36-
The quick brown fox jumps over the lazy dog - t1
37+
<CubeIcon /> The quick brown fox jumps over the lazy dog - t1
3738
</Block>
3839
<Block preset="t2">
39-
The quick brown fox jumps over the lazy dog - t2
40+
<CubeIcon /> The quick brown fox jumps over the lazy dog - t2
4041
</Block>
4142
<Block preset="t2m">
42-
The quick brown fox jumps over the lazy dog - t2m
43+
<CubeIcon /> The quick brown fox jumps over the lazy dog - t2m
4344
</Block>
4445
<Block preset="t3">
45-
The quick brown fox jumps over the lazy dog - t3
46+
<CubeIcon /> The quick brown fox jumps over the lazy dog - t3
4647
</Block>
4748
<Block preset="t3m">
48-
The quick brown fox jumps over the lazy dog - t3m
49+
<CubeIcon /> The quick brown fox jumps over the lazy dog - t3m
4950
</Block>
5051
<Block preset="t4">
51-
The quick brown fox jumps over the lazy dog - t4
52+
<CubeIcon /> The quick brown fox jumps over the lazy dog - t4
5253
</Block>
5354
<Block preset="p1">
54-
The quick brown fox jumps over the lazy dog - p1
55+
<CubeIcon /> The quick brown fox jumps over the lazy dog - p1
5556
</Block>
5657
<Block preset="p2">
57-
The quick brown fox jumps over the lazy dog - p2
58+
<CubeIcon /> The quick brown fox jumps over the lazy dog - p2
5859
</Block>
5960
<Block preset="p3">
60-
The quick brown fox jumps over the lazy dog - p3
61+
<CubeIcon /> The quick brown fox jumps over the lazy dog - p3
6162
</Block>
6263
<Block preset="p4">
63-
The quick brown fox jumps over the lazy dog - p4
64+
<CubeIcon /> The quick brown fox jumps over the lazy dog - p4
6465
</Block>
6566
<Block preset="c1">
66-
The quick brown fox jumps over the lazy dog - c1
67+
<CubeIcon /> The quick brown fox jumps over the lazy dog - c1
6768
</Block>
6869
<Block preset="c2">
69-
The quick brown fox jumps over the lazy dog - c2
70+
<CubeIcon /> The quick brown fox jumps over the lazy dog - c2
7071
</Block>
7172
<Block preset="tag">
72-
The quick brown fox jumps over the lazy dog - tag
73+
<CubeIcon /> The quick brown fox jumps over the lazy dog - tag
7374
</Block>
7475
</Flow>
7576
),

0 commit comments

Comments
 (0)