mirror of
https://github.com/feathericons/feather.git
synced 2023-08-10 21:13:24 +03:00
Clear gh-pages branch
This commit is contained in:
Cole Bemis
parent
dbb4c1c80c
commit
e1ea1aada8
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><circle cx="12" cy="12" r="10"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 210 B |
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="2" y="4" width="20" height="16" rx="2" ry="2"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 234 B |
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 234 B |
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 234 B |
11
index.html
11
index.html
@ -1,11 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Feather</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app"></div>
|
|
||||||
<script src="bundle.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
21
package.json
21
package.json
@ -1,21 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "feather",
|
|
||||||
"version": "0.0.0",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "webpack-dev-server"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"babel-core": "^6.22.1",
|
|
||||||
"babel-loader": "^6.2.10",
|
|
||||||
"babel-preset-es2015": "^6.22.0",
|
|
||||||
"css-loader": "^0.26.1",
|
|
||||||
"stylus": "^0.54.5",
|
|
||||||
"stylus-loader": "^2.4.0",
|
|
||||||
"vue": "^2.1.10",
|
|
||||||
"vue-loader": "^10.1.2",
|
|
||||||
"vue-template-compiler": "^2.1.10",
|
|
||||||
"vuex": "^2.1.1",
|
|
||||||
"webpack": "^2.2.0",
|
|
||||||
"webpack-dev-server": "^1.16.2"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
21
src/App.vue
21
src/App.vue
@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<icon-grid :icons="icons"></icon-grid>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {mapState} from 'vuex';
|
|
||||||
import IconGrid from './IconGrid';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'App',
|
|
||||||
components: {IconGrid},
|
|
||||||
computed: mapState(['icons'])
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus">
|
|
||||||
body
|
|
||||||
margin 0
|
|
||||||
</style>
|
|
||||||
49
src/Icon.vue
49
src/Icon.vue
@ -1,49 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="icon"></div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'Icon',
|
|
||||||
props: {
|
|
||||||
name: {
|
|
||||||
type: String,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
size: {
|
|
||||||
type: String,
|
|
||||||
default: '24'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
fetch(`./icons/${this.name}.svg`)
|
|
||||||
.then(response => {
|
|
||||||
if (response.ok) {
|
|
||||||
return response.text();
|
|
||||||
}
|
|
||||||
throw new Error(`Cannot find ${this.name}.svg`);
|
|
||||||
})
|
|
||||||
.then(svgText => {
|
|
||||||
const svgDocument = new DOMParser().parseFromString(svgText, 'image/svg+xml');
|
|
||||||
const svgIcon = svgDocument.querySelector('svg').cloneNode(true);
|
|
||||||
|
|
||||||
svgIcon.setAttribute('width', this.size);
|
|
||||||
svgIcon.setAttribute('height', this.size);
|
|
||||||
|
|
||||||
this.$el.appendChild(svgIcon);
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="stylus">
|
|
||||||
.icon
|
|
||||||
display inline-block
|
|
||||||
line-height 0
|
|
||||||
|
|
||||||
.icon > svg
|
|
||||||
stroke currentColor
|
|
||||||
</style>
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="icon-container">
|
|
||||||
<a :href="`icons/${name}.svg`" download>
|
|
||||||
<icon :name="name" size="48"></icon>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Icon from './Icon';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'IconContainer',
|
|
||||||
components: {Icon},
|
|
||||||
props: {
|
|
||||||
name: {
|
|
||||||
type: String,
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<icon-container v-for="icon in icons" :name="icon"></icon-container>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import IconContainer from './IconContainer';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'IconGrid',
|
|
||||||
components: {IconContainer},
|
|
||||||
props: {
|
|
||||||
icons: {
|
|
||||||
type: Array,
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
25
src/main.js
25
src/main.js
@ -1,25 +0,0 @@
|
|||||||
import Vue from 'vue';
|
|
||||||
import Vuex from 'vuex';
|
|
||||||
import App from './App';
|
|
||||||
|
|
||||||
const icons = [
|
|
||||||
'square',
|
|
||||||
'circle',
|
|
||||||
'rectangle-vertical',
|
|
||||||
'rectangle-horizontal'
|
|
||||||
];
|
|
||||||
|
|
||||||
Vue.use(Vuex);
|
|
||||||
|
|
||||||
const store = new Vuex.Store({
|
|
||||||
state: {
|
|
||||||
icons
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
new Vue({
|
|
||||||
el: '#app',
|
|
||||||
store,
|
|
||||||
components: {App},
|
|
||||||
template: '<app/>'
|
|
||||||
});
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
var path = require('path');
|
|
||||||
|
|
||||||
module.exports = {
|
|
||||||
entry: './src/main.js',
|
|
||||||
output: {
|
|
||||||
path: path.resolve(__dirname),
|
|
||||||
filename: 'bundle.js'
|
|
||||||
},
|
|
||||||
module: {
|
|
||||||
rules: [
|
|
||||||
{
|
|
||||||
test: /\.vue$/,
|
|
||||||
loader: 'vue-loader'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.js$/,
|
|
||||||
loader: 'babel-loader',
|
|
||||||
exclude: /node_modules/
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
extensions: ['*', '.js', '.vue'],
|
|
||||||
alias: {
|
|
||||||
'vue$': 'vue/dist/vue.common.js'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user