Skip to content

Commit 3864815

Browse files
committed
fix: svg icon class
1 parent 6f2fcfa commit 3864815

File tree

3 files changed

+27
-71
lines changed

3 files changed

+27
-71
lines changed

demo/atomic-css.html

Lines changed: 11 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -57,41 +57,31 @@ <h2 class="background:red@sm@md">CoCreate helper CSS</h2>
5757
href="https://github.com/CoCreate-app/CoCreateCSS"
5858
target="_blank"
5959
class="margin-right:15px"
60-
><i
61-
class="height:20px fill:#505050"
62-
src="/assets/svg/github.svg"></i
60+
><i src="/assets/svg/github.svg"></i
6361
></a>
6462
<a
6563
class="margin-right:15px"
6664
share-network="twitter"
6765
title="Share on twitter"
68-
><i
69-
class="height:20px fill:#505050"
70-
src="/assets/svg/twitter.svg"></i
66+
><i src="/assets/svg/twitter.svg"></i
7167
></a>
7268
<a
7369
class="margin-right:15px"
7470
share-network="facebook"
7571
title="Share on Facebook"
76-
><i
77-
class="height:20px fill:#505050"
78-
src="/assets/svg/facebook.svg"></i
72+
><i src="/assets/svg/facebook.svg"></i
7973
></a>
8074
<a
8175
class="margin-right:15px"
8276
share-network="instagram"
8377
title="Share on instagram"
84-
><i
85-
class="height:20px fill:#505050"
86-
src="/assets/svg/instagram.svg"></i
78+
><i src="/assets/svg/instagram.svg"></i
8779
></a>
8880
<a
8981
class="margin-right:15px"
9082
share-network="share"
9183
title="Share on share"
92-
><i
93-
class="height:20px fill:#505050"
94-
src="/assets/svg/share-alt.svg"></i
84+
><i src="/assets/svg/share-alt.svg"></i
9585
></a>
9686
</div>
9787
</div>
@@ -114,9 +104,7 @@ <h2 class="padding:5px_0px">Reference</h2>
114104
<a
115105
class="margin-left:10px display:none"
116106
href="#css-parser-reference"
117-
><i
118-
class="height:20px fill:#505050"
119-
src="/assets/svg/link.svg"></i
107+
><i src="/assets/svg/link.svg"></i
120108
></a>
121109
</span>
122110
</div>
@@ -1004,9 +992,7 @@ <h2 class="padding:5px_0px">Demo</h2>
1004992
<a
1005993
class="margin-left:10px display:none"
1006994
href="#css-parser-demo"
1007-
><i
1008-
class="height:20px fill:#505050"
1009-
src="/assets/svg/link.svg"></i
995+
><i src="/assets/svg/link.svg"></i
1010996
></a>
1011997
</span>
1012998
</div>
@@ -1050,7 +1036,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10501036
toggle="code-height"
10511037
toggle-selector="#demo-code"
10521038
><i
1053-
class="height:18px fill:#505050"
1039+
class="height:18px"
10541040
src="/assets/svg/eye.svg"></i
10551041
></a>
10561042
<a
@@ -1061,18 +1047,14 @@ <h2 class="padding:5px_0px">Demo</h2>
10611047
hide="#eye-slash"
10621048
toggle="code-height"
10631049
toggle-selector="#demo-code"
1064-
><i
1065-
class="height:20px fill:#505050"
1066-
src="/assets/svg/eye-slash.svg"></i
1050+
><i src="/assets/svg/eye-slash.svg"></i
10671051
></a>
10681052
<a
10691053
class="margin-right:10px"
10701054
id="code"
10711055
show="#code-slash"
10721056
hide="#code, #demo-code"
1073-
><i
1074-
class="height:20px fill:#505050"
1075-
src="/assets/svg/code.svg"></i
1057+
><i src="/assets/svg/code.svg"></i
10761058
></a>
10771059
<a
10781060
class="margin-right:10px"
@@ -1081,7 +1063,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10811063
show="#code, #demo-code"
10821064
hide="#code-slash"
10831065
><i
1084-
class="display:flex height:18px fill:#505050"
1066+
class="height:18px"
10851067
src="/assets/svg/code.svg"></i
10861068
></a>
10871069
<a

demo/test.html

Lines changed: 5 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -400,41 +400,33 @@ <h1 class="text-align:center">SPREAD THE WORD!</h1>
400400
href="https://twitter.com/CoCreate_App"
401401
target="_blank"
402402
class="margin:15px color:white"
403-
><i
404-
class="height:20px fill:#505050"
405-
src="/assets/svg/twitter.svg"></i
403+
><i src="/assets/svg/twitter.svg"></i
406404
></a>
407405
<a
408406
href="https://www.facebook.com/CoCreate.apps/"
409407
target="_blank"
410408
class="margin:15px color:white"
411-
><i
412-
class="height:20px fill:#505050"
413-
src="/assets/svg/facebook.svg"></i
409+
><i src="/assets/svg/facebook.svg"></i
414410
></a>
415411
<a
416412
href="https://www.instagram.com/cocreate_app/"
417413
target="_blank"
418414
class="margin:15px color:white"
419-
><i
420-
class="height:20px fill:#505050"
421-
src="/assets/svg/instagram.svg"></i
415+
><i src="/assets/svg/instagram.svg"></i
422416
></a>
423417
<a
424418
href="https://www.linkedin.com/company/cocreate-app/"
425419
target="_blank"
426420
class="margin:15px color:white"
427421
><i
428-
class="height:16px fill:#505050"
422+
class="height:16px"
429423
src="/assets/svg/linkedin-in.svg"></i
430424
></a>
431425
<a
432426
href="https://www.pinterest.com/cocreate-app/"
433427
target="_blank"
434428
class="margin:15px color:white"
435-
><i
436-
class="height:20px fill:#505050"
437-
src="/assets/svg/pinterest-p.svg"></i
429+
><i src="/assets/svg/pinterest-p.svg"></i
438430
></a>
439431
</div>
440432
</div>

docs/index.html

Lines changed: 11 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -91,43 +91,33 @@ <h2>CoCreate utility CSS</h2>
9191
class="margin-right:15px"
9292
share-network="twitter"
9393
title="Share on twitter"
94-
><i
95-
class="height:20px fill:#505050"
96-
src="/assets/svg/twitter.svg"></i
94+
><i src="/assets/svg/twitter.svg"></i
9795
></a>
9896
<a
9997
class="margin-right:15px"
10098
share-network="facebook"
10199
title="Share on Facebook"
102-
><i
103-
class="height:20px fill:#505050"
104-
src="/assets/svg/facebook.svg"></i
100+
><i src="/assets/svg/facebook.svg"></i
105101
></a>
106102
<a
107103
class="margin-right:15px"
108104
share-network="instagram"
109105
title="Share on instagram"
110-
><i
111-
class="height:20px fill:#505050"
112-
src="/assets/svg/instagram.svg"></i
106+
><i src="/assets/svg/instagram.svg"></i
113107
></a>
114108
</div>
115109
<a
116110
class="margin-right:15px"
117111
share-network="share"
118112
title="Share on share"
119-
><i
120-
class="height:20px fill:#505050"
121-
src="/assets/svg/share-alt.svg"></i
113+
><i src="/assets/svg/share-alt.svg"></i
122114
></a>
123115
</div>
124116
<a
125117
href="https://github.com/CoCreate-app/CoCreateCSS"
126118
target="_blank"
127119
class="margin-right:15px"
128-
><i
129-
class="height:20px fill:#505050"
130-
src="/assets/svg/github.svg"></i
120+
><i src="/assets/svg/github.svg"></i
131121
></a>
132122
</div>
133123
</div>
@@ -153,9 +143,7 @@ <h2 class="padding:5px_0px">Usage</h2>
153143
<a
154144
class="margin-left:10px display:none"
155145
href="#css-parser-usage"
156-
><i
157-
class="height:20px fill:#505050"
158-
src="/assets/svg/link.svg"></i
146+
><i src="/assets/svg/link.svg"></i
159147
></a>
160148
</span>
161149
</div>
@@ -1048,9 +1036,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10481036
<a
10491037
class="margin-left:10px display:none"
10501038
href="#css-parser-demo"
1051-
><i
1052-
class="height:20px fill:#505050"
1053-
src="/assets/svg/link.svg"></i
1039+
><i src="/assets/svg/link.svg"></i
10541040
></a>
10551041
</span>
10561042
</div>
@@ -1094,7 +1080,7 @@ <h2 class="padding:5px_0px">Demo</h2>
10941080
toggle="code-height"
10951081
toggle-selector="#demo-code"
10961082
><i
1097-
class="height:18px fill:#505050"
1083+
class="height:18px"
10981084
src="/assets/svg/eye.svg"></i
10991085
></a>
11001086
<a
@@ -1105,18 +1091,14 @@ <h2 class="padding:5px_0px">Demo</h2>
11051091
hide="#eye-slash"
11061092
toggle="code-height"
11071093
toggle-selector="#demo-code"
1108-
><i
1109-
class="height:20px fill:#505050"
1110-
src="/assets/svg/eye-slash.svg"></i
1094+
><i src="/assets/svg/eye-slash.svg"></i
11111095
></a>
11121096
<a
11131097
class="margin-right:10px"
11141098
id="code"
11151099
show="#code-slash"
11161100
hide="#code, #demo-code"
1117-
><i
1118-
class="height:20px fill:#505050"
1119-
src="/assets/svg/code.svg"></i
1101+
><i src="/assets/svg/code.svg"></i
11201102
></a>
11211103
<a
11221104
class="margin-right:10px"
@@ -1125,7 +1107,7 @@ <h2 class="padding:5px_0px">Demo</h2>
11251107
show="#code, #demo-code"
11261108
hide="#code-slash"
11271109
><i
1128-
class="display:flex height:18px fill:#505050"
1110+
class="height:18px"
11291111
src="/assets/svg/code.svg"></i
11301112
></a>
11311113
<a

0 commit comments

Comments
 (0)