Skip to content

Commit 55efcc6

Browse files
EmranAhmedEmranAhmed
committed
Init
0 parents  commit 55efcc6

File tree

12 files changed

+423
-0
lines changed

12 files changed

+423
-0
lines changed

‎.idea/.name‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/copyright/profiles_settings.xml‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/dictionaries/emran.xml‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/encodings.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/extract-css-class.iml‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/jsLibraryMappings.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/misc.xml‎

Lines changed: 53 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/modules.xml‎

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/workspace.xml‎

Lines changed: 220 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Icon File Extract by VueJS</title>
6+
7+
<style type="text/css">
8+
#app {
9+
margin : 8% auto;
10+
width : 600px;
11+
}
12+
13+
input {
14+
display : inline-block;
15+
padding : 10px;
16+
margin : 10px 0;
17+
position : relative;
18+
}
19+
20+
textarea {
21+
display : inline-block;
22+
width : 95%;
23+
padding : 10px;
24+
margin : 10px 0;
25+
position : relative;
26+
27+
}
28+
29+
[v-cloak] {
30+
display : none;
31+
}
32+
33+
label {
34+
text-align : left;
35+
display : inline-block;
36+
padding : 10px;
37+
}
38+
39+
span {
40+
display : inline-block;
41+
font-size : 12px;
42+
}
43+
</style>
44+
</head>
45+
<body>
46+
47+
<div id="app" v-cloak>
48+
49+
<h1>Parse CSS and Convert to PHP Array</h1>
50+
51+
<p>for convert icon font css to php array like flaticon / fontawesome etc.</p>
52+
53+
<label>
54+
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="" value="flaticon-"> Flat Icon
55+
</label>
56+
<label>
57+
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="fa" value="fa-"> FontAwesome
58+
</label>
59+
<label>
60+
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="mdi" value="mdi-"> Material Design Icon
61+
</label>
62+
<textarea v-model="css" cols="30" placeholder="Paste Icons CSS" rows="10"></textarea>
63+
<textarea v-show="php" readonly v-model="php" cols="30" rows="10"></textarea>
64+
</div>
65+
66+
<script src="vue.min.js"></script>
67+
<script src="script.js"></script>
68+
</body>
69+
</html>

0 commit comments

Comments
 (0)