-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (70 loc) · 2.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Icon File Extract by VueJS</title>
<style type="text/css">
#app {
margin : 8% auto;
width : 600px;
}
input {
display : inline-block;
padding : 10px;
margin : 10px 0;
position : relative;
}
textarea {
display : inline-block;
width : 95%;
padding : 10px;
margin : 10px 0;
position : relative;
}
[v-cloak] {
display : none;
}
label {
text-align : left;
display : inline-block;
padding : 10px;
}
span {
display : inline-block;
font-size : 12px;
}
small {
margin : 0 10px;
}
</style>
</head>
<body>
<div id="app" v-cloak>
<h1>Parse CSS and Convert to PHP Array</h1>
<p>for convert icon font css to php array like flaticon / fontawesome etc.</p>
<p>
<small><a target="_blank" href="https://github.com/EmranAhmed/vue-generate-php-font-array">Github</a></small>
<small><a target="_blank" href="https://cdn.materialdesignicons.com/1.7.22/css/materialdesignicons.css">Material Design Icons</a></small>
<small><a target="_blank" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">FontAwesome</a></small>
<small><a target="_blank" href="http://www.flaticon.com/">FlatIcon</a></small>
<small><a target="_blank" href="https://raw.githubusercontent.com/WordPress/dashicons/master/css/dashicons.css">DashIcons</a></small>
</p>
<label>
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="" value="flaticon-"> Flat Icon
</label>
<label>
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="fa" value="fa-"> FontAwesome
</label>
<label>
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="mdi" value="mdi-"> Material Design Icon
</label>
<label>
<input type="radio" v-model="prefix" @change="beforeClassPrefix" before="dashicons" value="dashicons-"> DashIcons
</label>
<textarea v-model="css" cols="30" placeholder="Paste CSS Contents" rows="10"></textarea>
<textarea v-show="php" readonly v-model="php" cols="30" rows="10"></textarea>
</div>
<script src="vue.min.js"></script>
<script src="script.js"></script>
</body>
</html>