diff --git a/.babelrc b/.babelrc deleted file mode 100644 index 6934f785..00000000 --- a/.babelrc +++ /dev/null @@ -1,5 +0,0 @@ -{ - "presets": ["es2015"], - "plugins": ["transform-runtime"], - "comments": false -} diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index f524365f..00000000 --- a/.editorconfig +++ /dev/null @@ -1,8 +0,0 @@ -root = true - -charset = utf-8 -indent_style = space -indent_size = 4 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true diff --git a/.eslintrc.json b/.eslintrc.json deleted file mode 100644 index ae4a4883..00000000 --- a/.eslintrc.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "root": true, - "parserOptions": { - "ecmaVersion": 6, - "sourceType": "module" - }, - "env": { - "browser": true - }, - "extends": "eslint:recommended", - "plugins": [ "html" ], - "rules": { - "indent": ["error", 4, { "SwitchCase": 1 }], - "quotes": ["error", "single"], - "semi": ["error", "always"], - "no-console": ["error"] - } -} diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index ad545581..00000000 --- a/.gitattributes +++ /dev/null @@ -1 +0,0 @@ -src/styles/**/* linguist-vendored=false \ No newline at end of file diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md deleted file mode 100755 index b99e19f9..00000000 --- a/.github/ISSUE_TEMPLATE.md +++ /dev/null @@ -1,25 +0,0 @@ - - - -### iView 版本号 - - -### 操作系统/浏览器 版本号 - - -### Vue 版本号 - - -### 能够复现问题的在线示例 - - - -### 复现步骤 - -### 问题现象，以及你期望的结果是怎样的? - -### 你估计可能的原因是什么（选填）？ diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 9b59f07a..00000000 --- a/.gitignore +++ /dev/null @@ -1,20 +0,0 @@ -*.iml -.idea -.ipr -.iws -*.diff -*.patch -*.bak -.DS_Store -node_modules/ -node_modules2/ -.project -.settings -npm-debug.log -.*proj -.svn/ -*.swp -*.swo -*.log -test/dist/ -dist/ diff --git a/.npmignore b/.npmignore deleted file mode 100644 index b2ca5c8b..00000000 --- a/.npmignore +++ /dev/null @@ -1,7 +0,0 @@ -.* -*.md -*.yml -build/ -node_modules/ -test/ -gulpfile.js diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index dffbd48a..00000000 --- a/.travis.yml +++ /dev/null @@ -1,5 +0,0 @@ -language: node_js -node_js: - - "4" -script: - - npm run test diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 5449fc81..00000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -The MIT License (MIT) - -Copyright (c) 2016 iview - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md deleted file mode 100644 index 2311941e..00000000 --- a/README.md +++ /dev/null @@ -1,83 +0,0 @@ -

- - - -

- -# iView [![](https://img.shields.io/travis/iview/iview.svg?style=flat-square)](https://travis-ci.org/iview/iview) [![iView](https://img.shields.io/npm/v/iview.svg?style=flat-square)](https://www.npmjs.org/package/iview) [![NPM downloads](http://img.shields.io/npm/dm/iview.svg?style=flat-square)](https://npmjs.org/package/iview) [![Join the chat at https://gitter.im/iview/iview](https://badges.gitter.im/iview/iview.svg)](https://gitter.im/iview/iview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) - -### A high quality UI Components Library with Vue.js - -> iView works only with Vue 1.0 currently. We have been in developing. English document is coming soon. Please pay attention to the iView. - -## Docs - -### [中文文档](https://www.iviewui.com) -### English (Coming soon) - -## Overview - -### [组件概览（Component Overview）](https://www.iviewui.com/overview) - -## Features - -- High quality and rich functions -- Friendly APIs,free and flexible -- Great Documentation -- It is quite beautiful -- Using .vue file development mode -- Based on npm + webpack + babel, using ES2015 - -## Programming - -![iView](https://raw.githubusercontent.com/iview/iview/master/assets/iview.png) - -## Install - -### Install vue-webpack project in the first place - -Use [iview-project](https://github.com/iview/iview-project)(Recommended) Or [vue-cli](https://github.com/vuejs/vue-cli) - -### Install iView - -using npm -``` -npm install iview --save -``` -Or using script tag for global use -``` - -``` - -## Usage - -```html - - -``` -Use css -```js -import 'iview/dist/styles/iview.css'; -``` - -## Browser Support - -Normal browsers and Internet Explorer 9+. - -## Links - -- [TalkingData](https://github.com/TalkingData) -- [Vue](https://github.com/vuejs/vue) -- [Webpack](https://github.com/webpack/webpack) -- [ionicons](https://github.com/driftyco/ionicons) -- [Ant Design](https://github.com/ant-design/ant-design) diff --git a/assets/iview.png b/assets/iview.png deleted file mode 100644 index c8134b7d..00000000 Binary files a/assets/iview.png and /dev/null differ diff --git a/assets/logo.png b/assets/logo.png deleted file mode 100644 index f54d068c..00000000 Binary files a/assets/logo.png and /dev/null differ diff --git a/assets/pay.png b/assets/pay.png deleted file mode 100644 index 768b9073..00000000 Binary files a/assets/pay.png and /dev/null differ diff --git a/build/build-style.js b/build/build-style.js deleted file mode 100644 index 74eb4af3..00000000 --- a/build/build-style.js +++ /dev/null @@ -1,25 +0,0 @@ -var gulp = require('gulp'); -var cleanCSS = require('gulp-clean-css'); -var less = require('gulp-less'); -var rename = require('gulp-rename'); -var autoprefixer = require('gulp-autoprefixer'); - -// 编译less -gulp.task('css', function () { - gulp.src('../src/styles/index.less') - .pipe(less()) - .pipe(autoprefixer({ - browsers: ['last 2 versions', 'ie > 8'] - })) - .pipe(cleanCSS()) - .pipe(rename('iview.css')) - .pipe(gulp.dest('../dist/styles')); -}); - -// 拷贝字体文件 -gulp.task('fonts', function () { - gulp.src('../src/styles/common/iconfont/fonts/*.*') - .pipe(gulp.dest('../dist/styles/fonts')); -}); - -gulp.task('default', ['css', 'fonts']); diff --git a/build/webpack.dev.config.js b/build/webpack.dev.config.js deleted file mode 100644 index ced54871..00000000 --- a/build/webpack.dev.config.js +++ /dev/null @@ -1,61 +0,0 @@ -/** - * 本地预览 - */ - -var path = require('path'); -var webpack = require('webpack'); -var ExtractTextPlugin = require('extract-text-webpack-plugin'); - -module.exports = { - // 入口 - entry: { - main: './test/main', - vendors: ['vue', 'vue-router'] - }, - // 输出 - output: { - path: path.join(__dirname, '../test/dist'), - publicPath: '/test/dist/', - filename: '[name].js', - chunkFilename: '[name].chunk.js' - }, - // 加载器 - module: { - loaders: [ - { test: /\.vue$/, loader: 'vue' }, - { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }, - { test: /\.css$/, loader: 'style!css!autoprefixer'}, - { test: /\.less$/, loader: 'style!css!less' }, - { test: /\.scss$/, loader: 'style!css!sass?sourceMap'}, - { test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'}, - { test: /\.(html|tpl)$/, loader: 'html-loader' } - ] - }, - vue: { - loaders: { - css: ExtractTextPlugin.extract( - "style-loader", - "css-loader?sourceMap", - { - publicPath: "/test/dist/" - } - ), - less: ExtractTextPlugin.extract( - 'vue-style-loader', - 'css-loader!less-loader' - ), - js: 'babel' - } - }, - resolve: { - // require时省略的扩展名，如：require('module') 不需要module.js - extensions: ['', '.js', '.vue'], - alias: { - iview: '../../src/index' - } - }, - plugins: [ - new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS - new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库 - ] -}; diff --git a/build/webpack.dist.dev.config.js b/build/webpack.dist.dev.config.js deleted file mode 100644 index e053a3f7..00000000 --- a/build/webpack.dist.dev.config.js +++ /dev/null @@ -1,56 +0,0 @@ -var path = require('path'); -var webpack = require('webpack'); - -module.exports = { - entry: { - main: './src/index.js' - }, - output: { - path: path.resolve(__dirname, '../dist'), - publicPath: '/dist/', - filename: 'iview.js', - library: 'iview', - libraryTarget: 'umd', - umdNamedDefine: true - }, - externals: { - vue: { - root: 'Vue', - commonjs: 'vue', - commonjs2: 'vue', - amd: 'vue' - } - }, - resolve: { - extensions: ['', '.js', '.vue'] - }, - module: { - loaders: [{ - test: /\.vue$/, - loader: 'vue' - }, { - test: /\.js$/, - loader: 'babel', - exclude: /node_modules/ - }, { - test: /\.css$/, - loader: 'style!css!autoprefixer' - }, { - test: /\.less$/, - loader: 'style!css!less' - }, { - test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, - loader: 'url?limit=8192' - }, { - test: /\.(html|tpl)$/, - loader: 'vue-html' - }] - }, - plugins: [ - new webpack.DefinePlugin({ - 'process.env': { - NODE_ENV: '"development"' - } - }) - ] -} diff --git a/build/webpack.dist.prod.config.js b/build/webpack.dist.prod.config.js deleted file mode 100644 index 33be1cf3..00000000 --- a/build/webpack.dist.prod.config.js +++ /dev/null @@ -1,62 +0,0 @@ -var path = require('path'); -var webpack = require('webpack'); - -module.exports = { - entry: { - main: './src/index.js' - }, - output: { - path: path.resolve(__dirname, '../dist'), - publicPath: '/dist/', - filename: 'iview.min.js', - library: 'iview', - libraryTarget: 'umd', - umdNamedDefine: true - }, - externals: { - vue: { - root: 'Vue', - commonjs: 'vue', - commonjs2: 'vue', - amd: 'vue' - } - }, - resolve: { - extensions: ['', '.js', '.vue'] - }, - module: { - loaders: [{ - test: /\.vue$/, - loader: 'vue' - }, { - test: /\.js$/, - loader: 'babel', - exclude: /node_modules/ - }, { - test: /\.css$/, - loader: 'style!css!autoprefixer' - }, { - test: /\.less$/, - loader: 'style!css!less' - }, { - test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, - loader: 'url?limit=8192' - }, { - test: /\.(html|tpl)$/, - loader: 'vue-html' - }] - }, - plugins: [ - new webpack.DefinePlugin({ - 'process.env': { - NODE_ENV: '"production"' - } - }), - new webpack.optimize.UglifyJsPlugin({ - compress: { - warnings: false - } - }), - new webpack.optimize.OccurenceOrderPlugin() - ] -} diff --git a/package.json b/package.json deleted file mode 100644 index 9ce042e1..00000000 --- a/package.json +++ /dev/null @@ -1,81 +0,0 @@ -{ - "name": "iview", - "version": "1.0.2", - "title": "iView", - "description": "A high quality UI components Library with Vue.js", - "homepage": "http://www.iviewui.com", - "keywords": [ - "iview", - "vue", - "vue.js", - "component", - "components", - "ui", - "framework" - ], - "main": "dist/iview.js", - "files": [ - "dist", - "src" - ], - "scripts": { - "dev": "webpack-dev-server --content-base test/ --open --inline --hot --compress --history-api-fallback --port 8081 --config build/webpack.dev.config.js", - "dist:style": "gulp --gulpfile build/build-style.js", - "dist:dev": "webpack --config build/webpack.dist.dev.config.js", - "dist:prod": "webpack --config build/webpack.dist.prod.config.js", - "dist": "npm run dist:style && npm run dist:dev && npm run dist:prod", - "lint": "eslint --fix --ext .js,.vue src", - "test": "npm run dist && npm run lint", - "prepublish": "npm run dist" - }, - "repository": { - "type": "git", - "url": "https://github.com/iview/iview" - }, - "author": "Aresn", - "license": "MIT", - "bugs": { - "url": "https://github.com/iview/iview/issues" - }, - "dependencies": { - "async-validator": "^1.6.7", - "core-js": "^2.4.1", - "deepmerge": "^1.3.1", - "popper.js": "^0.6.4" - }, - "peerDependencies": { - "vue": "^1.0.17" - }, - "devDependencies": { - "autoprefixer-loader": "^2.0.0", - "babel": "^6.3.13", - "babel-core": "^6.11.4", - "babel-loader": "^6.2.4", - "babel-plugin-transform-runtime": "^6.12.0", - "babel-preset-es2015": "^6.9.0", - "babel-runtime": "^6.11.6", - "css-loader": "^0.23.1", - "eslint": "^3.12.2", - "eslint-plugin-html": "^1.7.0", - "extract-text-webpack-plugin": "^1.0.1", - "file-loader": "^0.8.5", - "gulp": "^3.9.1", - "gulp-autoprefixer": "^3.1.1", - "gulp-clean-css": "^2.0.13", - "gulp-less": "^3.1.0", - "gulp-rename": "^1.2.2", - "html-loader": "^0.3.0", - "less": "^2.7.1", - "less-loader": "^2.2.3", - "style-loader": "^0.13.1", - "url-loader": "^0.5.7", - "vue": "^1.0.26", - "vue-hot-reload-api": "^1.3.3", - "vue-html-loader": "^1.2.3", - "vue-loader": "^8.5.3", - "vue-router": "^0.7.13", - "vue-style-loader": "^1.0.0", - "webpack": "^1.13.1", - "webpack-dev-server": "^1.16.1" - } -} diff --git a/src/components/affix/affix.vue b/src/components/affix/affix.vue deleted file mode 100644 index 846a4ac3..00000000 --- a/src/components/affix/affix.vue +++ /dev/null @@ -1,126 +0,0 @@ - - - diff --git a/src/components/affix/index.js b/src/components/affix/index.js deleted file mode 100644 index 33c5c5b6..00000000 --- a/src/components/affix/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Affix from './affix.vue'; -export default Affix; \ No newline at end of file diff --git a/src/components/alert/alert.vue b/src/components/alert/alert.vue deleted file mode 100644 index bc7a2040..00000000 --- a/src/components/alert/alert.vue +++ /dev/null @@ -1,106 +0,0 @@ - - diff --git a/src/components/alert/index.js b/src/components/alert/index.js deleted file mode 100644 index fa609b02..00000000 --- a/src/components/alert/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Alert from './alert.vue'; -export default Alert; \ No newline at end of file diff --git a/src/components/back-top/back-top.vue b/src/components/back-top/back-top.vue deleted file mode 100644 index 171f1683..00000000 --- a/src/components/back-top/back-top.vue +++ /dev/null @@ -1,75 +0,0 @@ - - diff --git a/src/components/back-top/index.js b/src/components/back-top/index.js deleted file mode 100644 index ace0f1fb..00000000 --- a/src/components/back-top/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import BackTop from './back-top.vue'; -export default BackTop; \ No newline at end of file diff --git a/src/components/badge/badge.vue b/src/components/badge/badge.vue deleted file mode 100644 index d80120eb..00000000 --- a/src/components/badge/badge.vue +++ /dev/null @@ -1,77 +0,0 @@ - - diff --git a/src/components/badge/index.js b/src/components/badge/index.js deleted file mode 100644 index af477803..00000000 --- a/src/components/badge/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Badge from './badge.vue'; -export default Badge; \ No newline at end of file diff --git a/src/components/base/notification/index.js b/src/components/base/notification/index.js deleted file mode 100644 index 2bd5c4b0..00000000 --- a/src/components/base/notification/index.js +++ /dev/null @@ -1,37 +0,0 @@ -import Notification from './notification.vue'; -import Vue from 'vue'; -import { camelcaseToHyphen } from '../../../utils/assist'; - -Notification.newInstance = properties => { - const _props = properties || {}; - - let props = ''; - Object.keys(_props).forEach(prop => { - props += ' :' + camelcaseToHyphen(prop) + '=' + prop; - }); - - const div = document.createElement('div'); - div.innerHTML = ``; - document.body.appendChild(div); - - const notification = new Vue({ - el: div, - data: _props, - components: { Notification } - }).$children[0]; - - return { - notice (noticeProps) { - notification.add(noticeProps); - }, - remove (key) { - notification.close(key); - }, - component: notification, - destroy () { - document.body.removeChild(div); - } - }; -}; - -export default Notification; diff --git a/src/components/base/notification/notice.vue b/src/components/base/notification/notice.vue deleted file mode 100644 index c360afc7..00000000 --- a/src/components/base/notification/notice.vue +++ /dev/null @@ -1,104 +0,0 @@ - - diff --git a/src/components/base/notification/notification.vue b/src/components/base/notification/notification.vue deleted file mode 100644 index bb3bcf68..00000000 --- a/src/components/base/notification/notification.vue +++ /dev/null @@ -1,92 +0,0 @@ - - diff --git a/src/components/base/popper.js b/src/components/base/popper.js deleted file mode 100644 index 5dd8aa27..00000000 --- a/src/components/base/popper.js +++ /dev/null @@ -1,106 +0,0 @@ -/** - * https://github.com/freeze-component/vue-popper - * */ -import Popper from 'popper.js'; - -export default { - props: { - placement: { - type: String, - default: 'bottom' - }, - boundariesPadding: { - type: Number, - default: 5 - }, - reference: Object, - popper: Object, - offset: { - default: 0 - }, - value: Boolean, - transition: String, - options: { - type: Object, - default () { - return { - gpuAcceleration: false, - boundariesElement: 'body' - }; - } - }, - visible: { - type: Boolean, - default: false - } - }, - watch: { - value: { - immediate: true, - handler(val) { - this.visible = val; - this.$emit('input', val); - } - }, - visible(val) { - if (val) { - this.updatePopper(); - } else { - this.destroyPopper(); - this.$emit('on-popper-hide'); - } - this.$emit('input', val); - } - }, - methods: { - createPopper() { - if (!/^(top|bottom|left|right)(-start|-end)?$/g.test(this.placement)) { - return; - } - - const options = this.options; - const popper = this.popper || this.$els.popper; - const reference = this.reference || this.$els.reference; - - if (!popper || !reference) return; - - if (this.popperJS && this.popperJS.hasOwnProperty('destroy')) { - this.popperJS.destroy(); - } - - options.placement = this.placement; - options.offset = this.offset; - - this.popperJS = new Popper(reference, popper, options); - this.popperJS.onCreate(popper => { - this.resetTransformOrigin(popper); - this.$nextTick(this.updatePopper); - this.$emit('created', this); - }); - }, - updatePopper() { - this.popperJS ? this.popperJS.update() : this.createPopper(); - }, - doDestroy() { - if (this.visible) return; - this.popperJS.destroy(); - this.popperJS = null; - }, - destroyPopper() { - if (this.popperJS) { - this.resetTransformOrigin(this.popperJS); - } - }, - resetTransformOrigin(popper) { - let placementMap = {top: 'bottom', bottom: 'top', left: 'right', right: 'left'}; - let placement = popper._popper.getAttribute('x-placement').split('-')[0]; - let origin = placementMap[placement]; - popper._popper.style.transformOrigin = ['top', 'bottom'].indexOf(placement) > -1 ? `center ${ origin }` : `${ origin } center`; - } - }, - beforeDestroy() { - if (this.popperJS) { - this.popperJS.destroy(); - } - } -}; diff --git a/src/components/breadcrumb/breadcrumb-item.vue b/src/components/breadcrumb/breadcrumb-item.vue deleted file mode 100644 index 427d2655..00000000 --- a/src/components/breadcrumb/breadcrumb-item.vue +++ /dev/null @@ -1,36 +0,0 @@ - - diff --git a/src/components/breadcrumb/breadcrumb.vue b/src/components/breadcrumb/breadcrumb.vue deleted file mode 100644 index 81b89a6c..00000000 --- a/src/components/breadcrumb/breadcrumb.vue +++ /dev/null @@ -1,37 +0,0 @@ - - diff --git a/src/components/breadcrumb/index.js b/src/components/breadcrumb/index.js deleted file mode 100644 index 0c1d1e0a..00000000 --- a/src/components/breadcrumb/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Breadcrumb from './breadcrumb.vue'; -import BreadcrumbItem from './breadcrumb-item.vue'; - -Breadcrumb.Item = BreadcrumbItem; -export default Breadcrumb; \ No newline at end of file diff --git a/src/components/button/button-group.vue b/src/components/button/button-group.vue deleted file mode 100644 index de2f624a..00000000 --- a/src/components/button/button-group.vue +++ /dev/null @@ -1,41 +0,0 @@ - - diff --git a/src/components/button/button.vue b/src/components/button/button.vue deleted file mode 100644 index 72cf25da..00000000 --- a/src/components/button/button.vue +++ /dev/null @@ -1,70 +0,0 @@ - - diff --git a/src/components/button/index.js b/src/components/button/index.js deleted file mode 100644 index 92c1e01e..00000000 --- a/src/components/button/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Button from './button.vue'; -import ButtonGroup from './button-group.vue'; - -Button.Group = ButtonGroup; -export default Button; \ No newline at end of file diff --git a/src/components/card/card.vue b/src/components/card/card.vue deleted file mode 100644 index d336ca9a..00000000 --- a/src/components/card/card.vue +++ /dev/null @@ -1,58 +0,0 @@ - - diff --git a/src/components/card/index.js b/src/components/card/index.js deleted file mode 100644 index e305884b..00000000 --- a/src/components/card/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Card from './card.vue'; -export default Card; \ No newline at end of file diff --git a/src/components/carousel/carousel-item.vue b/src/components/carousel/carousel-item.vue deleted file mode 100644 index 7381afc4..00000000 --- a/src/components/carousel/carousel-item.vue +++ /dev/null @@ -1,34 +0,0 @@ - - diff --git a/src/components/carousel/carousel.vue b/src/components/carousel/carousel.vue deleted file mode 100644 index 16c43265..00000000 --- a/src/components/carousel/carousel.vue +++ /dev/null @@ -1,245 +0,0 @@ - - diff --git a/src/components/carousel/index.js b/src/components/carousel/index.js deleted file mode 100644 index 688b6268..00000000 --- a/src/components/carousel/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Carousel from './carousel.vue'; -import CarouselItem from './carousel-item.vue'; - -Carousel.Item = CarouselItem; -export default Carousel; \ No newline at end of file diff --git a/src/components/cascader/cascader.vue b/src/components/cascader/cascader.vue deleted file mode 100644 index 4ebfdb9e..00000000 --- a/src/components/cascader/cascader.vue +++ /dev/null @@ -1,210 +0,0 @@ - - diff --git a/src/components/cascader/casitem.vue b/src/components/cascader/casitem.vue deleted file mode 100644 index a0171b2f..00000000 --- a/src/components/cascader/casitem.vue +++ /dev/null @@ -1,23 +0,0 @@ - - diff --git a/src/components/cascader/caspanel.vue b/src/components/cascader/caspanel.vue deleted file mode 100644 index bae638c4..00000000 --- a/src/components/cascader/caspanel.vue +++ /dev/null @@ -1,114 +0,0 @@ - - diff --git a/src/components/cascader/index.js b/src/components/cascader/index.js deleted file mode 100644 index e314d897..00000000 --- a/src/components/cascader/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Cascader from './cascader.vue'; -export default Cascader; \ No newline at end of file diff --git a/src/components/checkbox/checkbox-group.vue b/src/components/checkbox/checkbox-group.vue deleted file mode 100644 index 74f99002..00000000 --- a/src/components/checkbox/checkbox-group.vue +++ /dev/null @@ -1,52 +0,0 @@ - - diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue deleted file mode 100644 index 90d99b72..00000000 --- a/src/components/checkbox/checkbox.vue +++ /dev/null @@ -1,115 +0,0 @@ - - diff --git a/src/components/checkbox/index.js b/src/components/checkbox/index.js deleted file mode 100644 index 1601a24d..00000000 --- a/src/components/checkbox/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Checkbox from './checkbox.vue'; -import CheckboxGroup from './checkbox-group.vue'; - -Checkbox.Group = CheckboxGroup; -export default Checkbox; \ No newline at end of file diff --git a/src/components/circle/circle.vue b/src/components/circle/circle.vue deleted file mode 100644 index a1cc95ee..00000000 --- a/src/components/circle/circle.vue +++ /dev/null @@ -1,83 +0,0 @@ - - diff --git a/src/components/circle/index.js b/src/components/circle/index.js deleted file mode 100644 index 63c42450..00000000 --- a/src/components/circle/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Circle from './circle.vue'; -export default Circle; \ No newline at end of file diff --git a/src/components/collapse/collapse.vue b/src/components/collapse/collapse.vue deleted file mode 100644 index 2fd163d2..00000000 --- a/src/components/collapse/collapse.vue +++ /dev/null @@ -1,98 +0,0 @@ - - diff --git a/src/components/collapse/index.js b/src/components/collapse/index.js deleted file mode 100644 index cffb78e4..00000000 --- a/src/components/collapse/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Collapse from './collapse.vue'; -import Panel from './panel.vue'; - -Collapse.Panel = Panel; -export default Collapse; \ No newline at end of file diff --git a/src/components/collapse/panel.vue b/src/components/collapse/panel.vue deleted file mode 100644 index bcfc94f8..00000000 --- a/src/components/collapse/panel.vue +++ /dev/null @@ -1,57 +0,0 @@ - - diff --git a/src/components/date-picker/base/confirm.vue b/src/components/date-picker/base/confirm.vue deleted file mode 100644 index 551174c4..00000000 --- a/src/components/date-picker/base/confirm.vue +++ /dev/null @@ -1,50 +0,0 @@ - - diff --git a/src/components/date-picker/base/date-table.vue b/src/components/date-picker/base/date-table.vue deleted file mode 100644 index 673e56ea..00000000 --- a/src/components/date-picker/base/date-table.vue +++ /dev/null @@ -1,284 +0,0 @@ - - diff --git a/src/components/date-picker/base/month-table.vue b/src/components/date-picker/base/month-table.vue deleted file mode 100644 index 8ff57640..00000000 --- a/src/components/date-picker/base/month-table.vue +++ /dev/null @@ -1,79 +0,0 @@ - - diff --git a/src/components/date-picker/base/time-spinner.vue b/src/components/date-picker/base/time-spinner.vue deleted file mode 100644 index db401335..00000000 --- a/src/components/date-picker/base/time-spinner.vue +++ /dev/null @@ -1,207 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/date-picker/base/year-table.vue b/src/components/date-picker/base/year-table.vue deleted file mode 100644 index ef6f1fb5..00000000 --- a/src/components/date-picker/base/year-table.vue +++ /dev/null @@ -1,80 +0,0 @@ - - diff --git a/src/components/date-picker/index.js b/src/components/date-picker/index.js deleted file mode 100644 index 2f1e3f69..00000000 --- a/src/components/date-picker/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import DatePicker from './picker/date-picker'; - -export default DatePicker; \ No newline at end of file diff --git a/src/components/date-picker/panel/date-range.vue b/src/components/date-picker/panel/date-range.vue deleted file mode 100644 index cb5213b7..00000000 --- a/src/components/date-picker/panel/date-range.vue +++ /dev/null @@ -1,421 +0,0 @@ - - diff --git a/src/components/date-picker/panel/date.vue b/src/components/date-picker/panel/date.vue deleted file mode 100644 index b29db3e2..00000000 --- a/src/components/date-picker/panel/date.vue +++ /dev/null @@ -1,293 +0,0 @@ - - diff --git a/src/components/date-picker/panel/mixin.js b/src/components/date-picker/panel/mixin.js deleted file mode 100644 index bc93a9c8..00000000 --- a/src/components/date-picker/panel/mixin.js +++ /dev/null @@ -1,27 +0,0 @@ -const prefixCls = 'ivu-picker-panel'; -const datePrefixCls = 'ivu-date-picker'; - -export default { - methods: { - iconBtnCls (direction, type = '') { - return [ - `${prefixCls}-icon-btn`, - `${datePrefixCls}-${direction}-btn`, - `${datePrefixCls}-${direction}-btn-arrow${type}`, - ]; - }, - handleShortcutClick (shortcut) { - if (shortcut.value) this.$emit('on-pick', shortcut.value()); - if (shortcut.onClick) shortcut.onClick(this); - }, - handlePickClear () { - this.$emit('on-pick-clear'); - }, - handlePickSuccess () { - this.$emit('on-pick-success'); - }, - handlePickClick () { - this.$emit('on-pick-click'); - } - } -}; diff --git a/src/components/date-picker/panel/time-range.vue b/src/components/date-picker/panel/time-range.vue deleted file mode 100644 index 906c3e60..00000000 --- a/src/components/date-picker/panel/time-range.vue +++ /dev/null @@ -1,207 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/date-picker/panel/time.vue b/src/components/date-picker/panel/time.vue deleted file mode 100644 index c7efc5f8..00000000 --- a/src/components/date-picker/panel/time.vue +++ /dev/null @@ -1,115 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/date-picker/picker.vue b/src/components/date-picker/picker.vue deleted file mode 100644 index 8b63f7c7..00000000 --- a/src/components/date-picker/picker.vue +++ /dev/null @@ -1,496 +0,0 @@ - - diff --git a/src/components/date-picker/picker/date-picker.js b/src/components/date-picker/picker/date-picker.js deleted file mode 100644 index 8e0a33c4..00000000 --- a/src/components/date-picker/picker/date-picker.js +++ /dev/null @@ -1,36 +0,0 @@ -import Picker from '../picker.vue'; -import DatePanel from '../panel/date.vue'; -import DateRangePanel from '../panel/date-range.vue'; - -const getPanel = function (type) { - if (type === 'daterange' || type === 'datetimerange') { - return DateRangePanel; - } - return DatePanel; -}; - -import { oneOf } from '../../../utils/assist'; - -export default { - mixins: [Picker], - props: { - type: { - validator (value) { - return oneOf(value, ['year', 'month', 'date', 'daterange', 'datetime', 'datetimerange']); - }, - default: 'date' - }, - value: {} - }, - created () { - if (!this.value) { - if (this.type === 'daterange' || this.type === 'datetimerange') { - this.value = ['','']; - } else { - this.value = ''; - } - } - - this.panel = getPanel(this.type); - } -}; diff --git a/src/components/date-picker/picker/time-picker.js b/src/components/date-picker/picker/time-picker.js deleted file mode 100644 index b0f77c03..00000000 --- a/src/components/date-picker/picker/time-picker.js +++ /dev/null @@ -1,36 +0,0 @@ -import Picker from '../picker.vue'; -import TimePanel from '../panel/time.vue'; -import TimeRangePanel from '../panel/time-range.vue'; -import Options from '../time-mixins'; - -const getPanel = function (type) { - if (type === 'timerange') { - return TimeRangePanel; - } - return TimePanel; -}; - -import { oneOf } from '../../../utils/assist'; - -export default { - mixins: [Picker, Options], - props: { - type: { - validator (value) { - return oneOf(value, ['time', 'timerange']); - }, - default: 'time' - }, - value: {} - }, - created () { - if (!this.value) { - if (this.type === 'timerange') { - this.value = ['','']; - } else { - this.value = ''; - } - } - this.panel = getPanel(this.type); - } -}; \ No newline at end of file diff --git a/src/components/date-picker/time-mixins.js b/src/components/date-picker/time-mixins.js deleted file mode 100644 index 63a3efaf..00000000 --- a/src/components/date-picker/time-mixins.js +++ /dev/null @@ -1,26 +0,0 @@ -export default { - props: { - disabledHours: { - type: Array, - default () { - return []; - } - }, - disabledMinutes: { - type: Array, - default () { - return []; - } - }, - disabledSeconds: { - type: Array, - default () { - return []; - } - }, - hideDisabledOptions: { - type: Boolean, - default: false - } - } -}; \ No newline at end of file diff --git a/src/components/date-picker/util.js b/src/components/date-picker/util.js deleted file mode 100644 index 0edb09f8..00000000 --- a/src/components/date-picker/util.js +++ /dev/null @@ -1,85 +0,0 @@ -import dateUtil from '../../utils/date'; - -export const toDate = function(date) { - date = new Date(date); - if (isNaN(date.getTime())) return null; - return date; -}; - -export const formatDate = function(date, format) { - date = toDate(date); - if (!date) return ''; - return dateUtil.format(date, format || 'yyyy-MM-dd'); -}; - -export const parseDate = function(string, format) { - return dateUtil.parse(string, format || 'yyyy-MM-dd'); -}; - -export const getDayCountOfMonth = function(year, month) { - if (month === 3 || month === 5 || month === 8 || month === 10) { - return 30; - } - - if (month === 1) { - if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) { - return 29; - } else { - return 28; - } - } - - return 31; -}; - -export const getFirstDayOfMonth = function(date) { - const temp = new Date(date.getTime()); - temp.setDate(1); - return temp.getDay(); -}; - -export const prevMonth = function(src) { - const year = src.getFullYear(); - const month = src.getMonth(); - const date = src.getDate(); - - const newYear = month === 0 ? year - 1 : year; - const newMonth = month === 0 ? 11 : month - 1; - - const newMonthDayCount = getDayCountOfMonth(newYear, newMonth); - if (newMonthDayCount < date) { - src.setDate(newMonthDayCount); - } - - src.setMonth(newMonth); - src.setFullYear(newYear); - - return new Date(src.getTime()); -}; - -export const nextMonth = function(src) { - const year = src.getFullYear(); - const month = src.getMonth(); - const date = src.getDate(); - - const newYear = month === 11 ? year + 1 : year; - const newMonth = month === 11 ? 0 : month + 1; - - const newMonthDayCount = getDayCountOfMonth(newYear, newMonth); - if (newMonthDayCount < date) { - src.setDate(newMonthDayCount); - } - - src.setMonth(newMonth); - src.setFullYear(newYear); - - return new Date(src.getTime()); -}; - -export const initTimeDate = function () { - const date = new Date(); - date.setHours(0); - date.setMinutes(0); - date.setSeconds(0); - return date; -}; \ No newline at end of file diff --git a/src/components/dropdown/dropdown-item.vue b/src/components/dropdown/dropdown-item.vue deleted file mode 100644 index 64390dd7..00000000 --- a/src/components/dropdown/dropdown-item.vue +++ /dev/null @@ -1,57 +0,0 @@ - - diff --git a/src/components/dropdown/dropdown-menu.vue b/src/components/dropdown/dropdown-menu.vue deleted file mode 100644 index 1621fb86..00000000 --- a/src/components/dropdown/dropdown-menu.vue +++ /dev/null @@ -1,6 +0,0 @@ - - diff --git a/src/components/dropdown/dropdown.vue b/src/components/dropdown/dropdown.vue deleted file mode 100644 index 98a739cb..00000000 --- a/src/components/dropdown/dropdown.vue +++ /dev/null @@ -1,134 +0,0 @@ - - diff --git a/src/components/dropdown/index.js b/src/components/dropdown/index.js deleted file mode 100644 index 6283b523..00000000 --- a/src/components/dropdown/index.js +++ /dev/null @@ -1,7 +0,0 @@ -import Dropdown from './dropdown.vue'; -import DropdownMenu from './dropdown-menu.vue'; -import DropdownItem from './dropdown-item.vue'; - -Dropdown.Menu = DropdownMenu; -Dropdown.Item = DropdownItem; -export default Dropdown; \ No newline at end of file diff --git a/src/components/form/form-item.vue b/src/components/form/form-item.vue deleted file mode 100644 index bb44f6fc..00000000 --- a/src/components/form/form-item.vue +++ /dev/null @@ -1,235 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/form/form.vue b/src/components/form/form.vue deleted file mode 100644 index 65eeec8a..00000000 --- a/src/components/form/form.vue +++ /dev/null @@ -1,96 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/form/index.js b/src/components/form/index.js deleted file mode 100644 index aa341f67..00000000 --- a/src/components/form/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Form from './form.vue'; -import FormItem from './form-item.vue'; - -Form.Item = FormItem; -export default Form; \ No newline at end of file diff --git a/src/components/icon/icon.vue b/src/components/icon/icon.vue deleted file mode 100644 index 787df6c1..00000000 --- a/src/components/icon/icon.vue +++ /dev/null @@ -1,32 +0,0 @@ - - diff --git a/src/components/icon/index.js b/src/components/icon/index.js deleted file mode 100644 index 27b7cb89..00000000 --- a/src/components/icon/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Icon from './icon.vue'; -export default Icon; \ No newline at end of file diff --git a/src/components/input-number/index.js b/src/components/input-number/index.js deleted file mode 100644 index 15e9b635..00000000 --- a/src/components/input-number/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import InputNumber from './input-number.vue'; -export default InputNumber; \ No newline at end of file diff --git a/src/components/input-number/input-number.vue b/src/components/input-number/input-number.vue deleted file mode 100644 index 15343175..00000000 --- a/src/components/input-number/input-number.vue +++ /dev/null @@ -1,262 +0,0 @@ - - diff --git a/src/components/input/index.js b/src/components/input/index.js deleted file mode 100644 index c63178b7..00000000 --- a/src/components/input/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Input from './input.vue'; -export default Input; \ No newline at end of file diff --git a/src/components/input/input.vue b/src/components/input/input.vue deleted file mode 100644 index 8b92a9c7..00000000 --- a/src/components/input/input.vue +++ /dev/null @@ -1,189 +0,0 @@ - - diff --git a/src/components/layout/col.vue b/src/components/layout/col.vue deleted file mode 100644 index 7e05b813..00000000 --- a/src/components/layout/col.vue +++ /dev/null @@ -1,71 +0,0 @@ - - diff --git a/src/components/layout/index.js b/src/components/layout/index.js deleted file mode 100644 index 51bd0db8..00000000 --- a/src/components/layout/index.js +++ /dev/null @@ -1,4 +0,0 @@ -import Row from './row.vue'; -import Col from './col.vue'; - -export { Row, Col }; \ No newline at end of file diff --git a/src/components/layout/row.vue b/src/components/layout/row.vue deleted file mode 100644 index 7b076efd..00000000 --- a/src/components/layout/row.vue +++ /dev/null @@ -1,76 +0,0 @@ - - diff --git a/src/components/loading-bar/index.js b/src/components/loading-bar/index.js deleted file mode 100644 index 237123a9..00000000 --- a/src/components/loading-bar/index.js +++ /dev/null @@ -1,112 +0,0 @@ -import LoadingBar from './loading-bar'; - -let loadingBarInstance; -let color = 'primary'; -let failedColor = 'error'; -let height = 2; -let timer; - -function getLoadingBarInstance () { - loadingBarInstance = loadingBarInstance || LoadingBar.newInstance({ - color: color, - failedColor: failedColor, - height: height - }); - - return loadingBarInstance; -} - -function update(options) { - let instance = getLoadingBarInstance(); - - instance.update(options); -} - -function hide() { - setTimeout(() => { - update({ - show: false - }); - setTimeout(() => { - update({ - percent: 0 - }); - }, 200); - }, 800); -} - -function clearTimer() { - if (timer) { - clearInterval(timer); - timer = null; - } -} - -export default { - start () { - if (timer) return; - - let percent = 0; - - update({ - percent: percent, - status: 'success', - show: true - }); - - timer = setInterval(() => { - percent += Math.floor(Math.random () * 3 + 5); - if (percent > 95) { - clearTimer(); - } - update({ - percent: percent, - status: 'success', - show: true - }); - }, 200); - }, - update (percent) { - clearTimer(); - update({ - percent: percent, - status: 'success', - show: true - }); - }, - finish () { - clearTimer(); - update({ - percent: 100, - status: 'success', - show: true - }); - hide(); - }, - error () { - clearTimer(); - update({ - percent: 100, - status: 'error', - show: true - }); - hide(); - }, - config (options) { - if (options.color) { - color = options.color; - } - if (options.failedColor) { - failedColor = options.failedColor; - } - if (options.height) { - height = options.height; - } - }, - destroy () { - clearTimer(); - let instance = getLoadingBarInstance(); - loadingBarInstance = null; - instance.destroy(); - } -}; diff --git a/src/components/loading-bar/loading-bar.js b/src/components/loading-bar/loading-bar.js deleted file mode 100644 index e978fb48..00000000 --- a/src/components/loading-bar/loading-bar.js +++ /dev/null @@ -1,42 +0,0 @@ -import LoadingBar from './loading-bar.vue'; -import Vue from 'vue'; -import { camelcaseToHyphen } from '../../utils/assist'; - -LoadingBar.newInstance = properties => { - const _props = properties || {}; - - let props = ''; - Object.keys(_props).forEach(prop => { - props += ' :' + camelcaseToHyphen(prop) + '=' + prop; - }); - - const div = document.createElement('div'); - div.innerHTML = ``; - document.body.appendChild(div); - - const loading_bar = new Vue({ - el: div, - data: _props, - components: { LoadingBar } - }).$children[0]; - - return { - update (options) { - if ('percent' in options) { - loading_bar.percent = options.percent; - } - if (options.status) { - loading_bar.status = options.status; - } - if ('show' in options) { - loading_bar.show = options.show; - } - }, - component: loading_bar, - destroy () { - document.body.removeChild(div); - } - }; -}; - -export default LoadingBar; diff --git a/src/components/loading-bar/loading-bar.vue b/src/components/loading-bar/loading-bar.vue deleted file mode 100644 index 23d42781..00000000 --- a/src/components/loading-bar/loading-bar.vue +++ /dev/null @@ -1,77 +0,0 @@ - - diff --git a/src/components/menu/index.js b/src/components/menu/index.js deleted file mode 100644 index b5cd7488..00000000 --- a/src/components/menu/index.js +++ /dev/null @@ -1,10 +0,0 @@ -import Menu from './menu.vue'; -import MenuGroup from './menu-group.vue'; -import MenuItem from './menu-item.vue'; -import Submenu from './submenu.vue'; - -Menu.Group = MenuGroup; -Menu.Item = MenuItem; -Menu.Sub = Submenu; - -export default Menu; \ No newline at end of file diff --git a/src/components/menu/menu-group.vue b/src/components/menu/menu-group.vue deleted file mode 100644 index 83c44c80..00000000 --- a/src/components/menu/menu-group.vue +++ /dev/null @@ -1,24 +0,0 @@ - - diff --git a/src/components/menu/menu-item.vue b/src/components/menu/menu-item.vue deleted file mode 100644 index b3383d60..00000000 --- a/src/components/menu/menu-item.vue +++ /dev/null @@ -1,43 +0,0 @@ - - diff --git a/src/components/menu/menu.vue b/src/components/menu/menu.vue deleted file mode 100644 index 95919cb5..00000000 --- a/src/components/menu/menu.vue +++ /dev/null @@ -1,134 +0,0 @@ - - diff --git a/src/components/menu/submenu.vue b/src/components/menu/submenu.vue deleted file mode 100644 index e9ab9d02..00000000 --- a/src/components/menu/submenu.vue +++ /dev/null @@ -1,127 +0,0 @@ - - diff --git a/src/components/message/index.js b/src/components/message/index.js deleted file mode 100644 index 1685be99..00000000 --- a/src/components/message/index.js +++ /dev/null @@ -1,97 +0,0 @@ -import Notification from '../base/notification'; - -const prefixCls = 'ivu-message'; -const iconPrefixCls = 'ivu-icon'; -const prefixKey = 'ivu_message_key_'; - -let defaultDuration = 1.5; -let top; -let messageInstance; -let key = 1; - -const iconTypes = { - 'info': 'information-circled', - 'success': 'checkmark-circled', - 'warning': 'android-alert', - 'error': 'close-circled', - 'loading': 'load-c' -}; - -function getMessageInstance () { - messageInstance = messageInstance || Notification.newInstance({ - prefixCls: prefixCls, - style: { - top: `${top}px` - } - }); - - return messageInstance; -} - -function notice (content, duration = defaultDuration, type, onClose) { - if (!onClose) { - onClose = function () { - - }; - } - const iconType = iconTypes[type]; - - // if loading - const loadCls = type === 'loading' ? ' ivu-load-loop' : ''; - - let instance = getMessageInstance(); - - instance.notice({ - key: `${prefixKey}${key}`, - duration: duration, - style: {}, - transitionName: 'move-up', - content: ` -
- - ${content} -
- `, - onClose: onClose - }); - - // 用于手动消除 - return (function () { - let target = key++; - - return function () { - instance.remove(`${prefixKey}${target}`); - }; - })(); -} - -export default { - info (content, duration, onClose) { - return notice(content, duration, 'info', onClose); - }, - success (content, duration, onClose) { - return notice(content, duration, 'success', onClose); - }, - warning (content, duration, onClose) { - return notice(content, duration, 'warning', onClose); - }, - error (content, duration, onClose) { - return notice(content, duration, 'error', onClose); - }, - loading (content, duration, onClose) { - return notice(content, duration, 'loading', onClose); - }, - config (options) { - if (options.top) { - top = options.top; - } - if (options.duration) { - defaultDuration = options.duration; - } - }, - destroy () { - let instance = getMessageInstance(); - messageInstance = null; - instance.destroy(); - } -}; \ No newline at end of file diff --git a/src/components/modal/confirm.js b/src/components/modal/confirm.js deleted file mode 100644 index 46b1b426..00000000 --- a/src/components/modal/confirm.js +++ /dev/null @@ -1,175 +0,0 @@ -import Vue from 'vue'; -import Modal from './modal.vue'; -import Icon from '../icon/icon.vue'; -import iButton from '../button/button.vue'; -import { camelcaseToHyphen } from '../../utils/assist'; -import { t } from '../../locale'; - -const prefixCls = 'ivu-modal-confirm'; - -Modal.newInstance = properties => { - const _props = properties || {}; - - let props = ''; - Object.keys(_props).forEach(prop => { - props += ' :' + camelcaseToHyphen(prop) + '=' + prop; - }); - - const div = document.createElement('div'); - div.innerHTML = ` - -
-
-
{{{ title }}}
-
-
-
- {{{ body }}} -
-
- {{ cancelText }} - {{ okText }} -
-
- - `; - document.body.appendChild(div); - - const modal = new Vue({ - el: div, - components: { Modal, iButton, Icon }, - data: Object.assign(_props, { - visible: false, - width: 416, - title: '', - body: '', - iconType: '', - iconName: '', - okText: t('i.modal.okText'), - cancelText: t('i.modal.cancelText'), - showCancel: false, - loading: false, - buttonLoading: false, - scrollable: false - }), - computed: { - iconTypeCls () { - return [ - `${prefixCls}-body-icon`, - `${prefixCls}-body-icon-${this.iconType}` - ]; - }, - iconNameCls () { - return [ - 'ivu-icon', - `ivu-icon-${this.iconName}` - ]; - } - }, - methods: { - cancel () { - this.visible = false; - this.buttonLoading = false; - this.onCancel(); - this.remove(); - }, - ok () { - if (this.loading) { - this.buttonLoading = true; - } else { - this.visible = false; - this.remove(); - } - this.onOk(); - }, - remove () { - setTimeout(() => { - this.destroy(); - }, 300); - }, - destroy () { - this.$destroy(); - document.body.removeChild(div); - this.onRemove(); - }, - onOk () {}, - onCancel () {}, - onRemove () {} - } - }).$children[0]; - - return { - show (props) { - modal.$parent.showCancel = props.showCancel; - modal.$parent.iconType = props.icon; - - switch (props.icon) { - case 'info': - modal.$parent.iconName = 'information-circled'; - break; - case 'success': - modal.$parent.iconName = 'checkmark-circled'; - break; - case 'warning': - modal.$parent.iconName = 'android-alert'; - break; - case 'error': - modal.$parent.iconName = 'close-circled'; - break; - case 'confirm': - modal.$parent.iconName = 'help-circled'; - break; - } - - if ('width' in props) { - modal.$parent.width = props.width; - } - - if ('title' in props) { - modal.$parent.title = props.title; - } - - if ('content' in props) { - modal.$parent.body = props.content; - } - - if ('okText' in props) { - modal.$parent.okText = props.okText; - } - - if ('cancelText' in props) { - modal.$parent.cancelText = props.cancelText; - } - - if ('onCancel' in props) { - modal.$parent.onCancel = props.onCancel; - } - - if ('onOk' in props) { - modal.$parent.onOk = props.onOk; - } - - // async for ok - if ('loading' in props) { - modal.$parent.loading = props.loading; - } - - if ('scrollable' in props) { - modal.$parent.scrollable = props.scrollable; - } - - // notice when component destroy - modal.$parent.onRemove = props.onRemove; - - modal.visible = true; - }, - remove () { - modal.visible = false; - modal.$parent.buttonLoading = false; - modal.$parent.remove(); - }, - component: modal - }; -}; - -export default Modal; \ No newline at end of file diff --git a/src/components/modal/index.js b/src/components/modal/index.js deleted file mode 100644 index a817fdfd..00000000 --- a/src/components/modal/index.js +++ /dev/null @@ -1,65 +0,0 @@ -import Modal from './confirm'; - -let modalInstance; - -function getModalInstance () { - modalInstance = modalInstance || Modal.newInstance({ - closable: false, - maskClosable: false, - footerHide: true - }); - - return modalInstance; -} - -function confirm (options) { - let instance = getModalInstance(); - - options.onRemove = function () { - modalInstance = null; - }; - - instance.show(options); -} - -Modal.info = function (props = {}) { - props.icon = 'info'; - props.showCancel = false; - return confirm(props); -}; - -Modal.success = function (props = {}) { - props.icon = 'success'; - props.showCancel = false; - return confirm(props); -}; - -Modal.warning = function (props = {}) { - props.icon = 'warning'; - props.showCancel = false; - return confirm(props); -}; - -Modal.error = function (props = {}) { - props.icon = 'error'; - props.showCancel = false; - return confirm(props); -}; - -Modal.confirm = function (props = {}) { - props.icon = 'confirm'; - props.showCancel = true; - return confirm(props); -}; - -Modal.remove = function () { - if (!modalInstance) { // at loading status, remove after Cancel - return false; - } - - const instance = getModalInstance(); - - instance.remove(); -}; - -export default Modal; \ No newline at end of file diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue deleted file mode 100644 index 51a529b1..00000000 --- a/src/components/modal/modal.vue +++ /dev/null @@ -1,235 +0,0 @@ - - diff --git a/src/components/notice/index.js b/src/components/notice/index.js deleted file mode 100644 index d089bedc..00000000 --- a/src/components/notice/index.js +++ /dev/null @@ -1,117 +0,0 @@ -import Notification from '../base/notification'; - -const prefixCls = 'ivu-notice'; -const iconPrefixCls = 'ivu-icon'; -const prefixKey = 'ivu_notice_key_'; - -let top = 24; -let defaultDuration = 4.5; -let noticeInstance; -let key = 1; - -const iconTypes = { - 'info': 'information-circled', - 'success': 'checkmark-circled', - 'warning': 'android-alert', - 'error': 'close-circled' -}; - -function getNoticeInstance () { - noticeInstance = noticeInstance || Notification.newInstance({ - prefixCls: prefixCls, - style: { - top: `${top}px`, - right: 0 - } - }); - - return noticeInstance; -} - -function notice (type, options) { - const title = options.title || ''; - const desc = options.desc || ''; - const noticeKey = options.key || `${prefixKey}${key}`; - const onClose = options.onClose || function () {}; - // todo const btn = options.btn || null; - const duration = (options.duration === 0) ? 0 : options.duration || defaultDuration; - - key++; - - let instance = getNoticeInstance(); - - let content; - - const with_desc = desc === '' ? '' : ` ${prefixCls}-with-desc`; - - if (type == 'normal') { - content = ` -
-
${title}
-
${desc}
-
- `; - } else { - const iconType = iconTypes[type]; - content = ` -
- - - -
${title}
-
${desc}
-
- `; - } - - instance.notice({ - key: noticeKey.toString(), - duration: duration, - style: {}, - transitionName: 'move-notice', - content: content, - onClose: onClose, - closable: true - }); -} - -export default { - open (options) { - return notice('normal', options); - }, - info (options) { - return notice('info', options); - }, - success (options) { - return notice('success', options); - }, - warning (options) { - return notice('warning', options); - }, - error (options) { - return notice('error', options); - }, - config (options) { - if (options.top) { - top = options.top; - } - if (options.duration || options.duration === 0) { - defaultDuration = options.duration; - } - }, - close (key) { - if (key) { - key = key.toString(); - if (noticeInstance) { - noticeInstance.remove(key); - } - } else { - return false; - } - }, - destroy () { - let instance = getNoticeInstance(); - noticeInstance = null; - instance.destroy(); - } -}; \ No newline at end of file diff --git a/src/components/page/index.js b/src/components/page/index.js deleted file mode 100644 index 2fde37df..00000000 --- a/src/components/page/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Page from './page.vue'; -export default Page; \ No newline at end of file diff --git a/src/components/page/options.vue b/src/components/page/options.vue deleted file mode 100644 index 6f6f726e..00000000 --- a/src/components/page/options.vue +++ /dev/null @@ -1,89 +0,0 @@ - - diff --git a/src/components/page/page.vue b/src/components/page/page.vue deleted file mode 100644 index 9f09a80d..00000000 --- a/src/components/page/page.vue +++ /dev/null @@ -1,267 +0,0 @@ - - diff --git a/src/components/poptip/index.js b/src/components/poptip/index.js deleted file mode 100644 index 2a29dc0a..00000000 --- a/src/components/poptip/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import Poptip from './poptip.vue'; - -export default Poptip; \ No newline at end of file diff --git a/src/components/poptip/poptip.vue b/src/components/poptip/poptip.vue deleted file mode 100644 index 9d333853..00000000 --- a/src/components/poptip/poptip.vue +++ /dev/null @@ -1,205 +0,0 @@ - - diff --git a/src/components/progress/index.js b/src/components/progress/index.js deleted file mode 100644 index 5cc51708..00000000 --- a/src/components/progress/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Progress from './progress.vue'; -export default Progress; \ No newline at end of file diff --git a/src/components/progress/progress.vue b/src/components/progress/progress.vue deleted file mode 100644 index 16a08b3e..00000000 --- a/src/components/progress/progress.vue +++ /dev/null @@ -1,121 +0,0 @@ - - diff --git a/src/components/radio/index.js b/src/components/radio/index.js deleted file mode 100644 index 984b82c1..00000000 --- a/src/components/radio/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Radio from './radio.vue'; -import RadioGroup from './radio-group.vue'; - -Radio.Group = RadioGroup; -export default Radio; \ No newline at end of file diff --git a/src/components/radio/radio-group.vue b/src/components/radio/radio-group.vue deleted file mode 100644 index 12bfc20f..00000000 --- a/src/components/radio/radio-group.vue +++ /dev/null @@ -1,69 +0,0 @@ - - diff --git a/src/components/radio/radio.vue b/src/components/radio/radio.vue deleted file mode 100644 index da481277..00000000 --- a/src/components/radio/radio.vue +++ /dev/null @@ -1,98 +0,0 @@ - - diff --git a/src/components/rate/index.js b/src/components/rate/index.js deleted file mode 100644 index 24e54060..00000000 --- a/src/components/rate/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Rate from './rate.vue'; -export default Rate; \ No newline at end of file diff --git a/src/components/rate/rate.vue b/src/components/rate/rate.vue deleted file mode 100644 index 5ae3c78d..00000000 --- a/src/components/rate/rate.vue +++ /dev/null @@ -1,127 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/select/dropdown.vue b/src/components/select/dropdown.vue deleted file mode 100644 index 27e02b2f..00000000 --- a/src/components/select/dropdown.vue +++ /dev/null @@ -1,79 +0,0 @@ - - diff --git a/src/components/select/index.js b/src/components/select/index.js deleted file mode 100644 index 07c6e6d6..00000000 --- a/src/components/select/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Select from './select.vue'; -import Option from './option.vue'; -import OptionGroup from './option-group.vue'; - -export { Select, Option, OptionGroup }; \ No newline at end of file diff --git a/src/components/select/option-group.vue b/src/components/select/option-group.vue deleted file mode 100644 index ee5a3a28..00000000 --- a/src/components/select/option-group.vue +++ /dev/null @@ -1,47 +0,0 @@ - - diff --git a/src/components/select/option.vue b/src/components/select/option.vue deleted file mode 100644 index 471f6a59..00000000 --- a/src/components/select/option.vue +++ /dev/null @@ -1,74 +0,0 @@ - - diff --git a/src/components/select/select.vue b/src/components/select/select.vue deleted file mode 100644 index 03b6a0f8..00000000 --- a/src/components/select/select.vue +++ /dev/null @@ -1,601 +0,0 @@ - - diff --git a/src/components/slider/index.js b/src/components/slider/index.js deleted file mode 100644 index 155c8ea1..00000000 --- a/src/components/slider/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import Slider from './slider.vue'; - -export default Slider; \ No newline at end of file diff --git a/src/components/slider/slider.vue b/src/components/slider/slider.vue deleted file mode 100644 index e20c4b0a..00000000 --- a/src/components/slider/slider.vue +++ /dev/null @@ -1,437 +0,0 @@ - - diff --git a/src/components/spin/index.js b/src/components/spin/index.js deleted file mode 100644 index 59e6d667..00000000 --- a/src/components/spin/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Spin from './spin.vue'; -export default Spin; \ No newline at end of file diff --git a/src/components/spin/spin.vue b/src/components/spin/spin.vue deleted file mode 100644 index 6adb76c4..00000000 --- a/src/components/spin/spin.vue +++ /dev/null @@ -1,60 +0,0 @@ - - diff --git a/src/components/steps/index.js b/src/components/steps/index.js deleted file mode 100644 index e6934025..00000000 --- a/src/components/steps/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Steps from './steps.vue'; -import Step from './step.vue'; - -Steps.Step = Step; -export default Steps; \ No newline at end of file diff --git a/src/components/steps/step.vue b/src/components/steps/step.vue deleted file mode 100644 index 7a211fc9..00000000 --- a/src/components/steps/step.vue +++ /dev/null @@ -1,94 +0,0 @@ - - diff --git a/src/components/steps/steps.vue b/src/components/steps/steps.vue deleted file mode 100644 index 53a04401..00000000 --- a/src/components/steps/steps.vue +++ /dev/null @@ -1,107 +0,0 @@ - - diff --git a/src/components/switch/index.js b/src/components/switch/index.js deleted file mode 100644 index f705e4ed..00000000 --- a/src/components/switch/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Switch from './switch.vue'; -export default Switch; \ No newline at end of file diff --git a/src/components/switch/switch.vue b/src/components/switch/switch.vue deleted file mode 100644 index 5a70b494..00000000 --- a/src/components/switch/switch.vue +++ /dev/null @@ -1,57 +0,0 @@ - - diff --git a/src/components/table/cell.vue b/src/components/table/cell.vue deleted file mode 100644 index c866e0e3..00000000 --- a/src/components/table/cell.vue +++ /dev/null @@ -1,100 +0,0 @@ - - diff --git a/src/components/table/export-csv.js b/src/components/table/export-csv.js deleted file mode 100644 index 3599eb67..00000000 --- a/src/components/table/export-csv.js +++ /dev/null @@ -1,77 +0,0 @@ -function has (browser) { - const ua = navigator.userAgent; - if (browser === 'ie') { - const isIE = ua.indexOf('compatible') > -1 && ua.indexOf('MSIE') > -1; - if (isIE) { - const reIE = new RegExp('MSIE (\\d+\\.\\d+);'); - reIE.test(ua); - return parseFloat(RegExp['$1']); - } else { - return false; - } - } else { - return ua.indexOf(browser) > -1; - } -} - -const csv = { - _isIE11 () { - let iev = 0; - const ieold = (/MSIE (\d+\.\d+);/.test(navigator.userAgent)); - const trident = !!navigator.userAgent.match(/Trident\/7.0/); - const rv = navigator.userAgent.indexOf('rv:11.0'); - - if (ieold) { - iev = Number(RegExp.$1); - } - if (navigator.appVersion.indexOf('MSIE 10') !== -1) { - iev = 10; - } - if (trident && rv !== -1) { - iev = 11; - } - - return iev === 11; - }, - - _isEdge () { - return /Edge/.test(navigator.userAgent); - }, - - _getDownloadUrl (text) { - const BOM = '\uFEFF'; - // Add BOM to text for open in excel correctly - if (window.Blob && window.URL && window.URL.createObjectURL && !has('Safari')) { - const csvData = new Blob([BOM + text], { type: 'text/csv' }); - return URL.createObjectURL(csvData); - } else { - return 'data:attachment/csv;charset=utf-8,' + BOM + encodeURIComponent(text); - } - }, - - download (filename, text) { - if (has('ie') && has('ie') < 10) { - // has module unable identify ie11 and Edge - const oWin = window.top.open('about:blank', '_blank'); - oWin.document.charset = 'utf-8'; - oWin.document.write(text); - oWin.document.close(); - oWin.document.execCommand('SaveAs', filename); - oWin.close(); - } else if (has('ie') === 10 || this._isIE11() || this._isEdge()) { - const BOM = '\uFEFF'; - const csvData = new Blob([BOM + text], { type: 'text/csv' }); - navigator.msSaveBlob(csvData, filename); - } else { - const link = document.createElement('a'); - link.download = filename; - link.href = this._getDownloadUrl(text); - link.target = '_blank'; - document.body.appendChild(link); - link.click(); - document.body.removeChild(link); - } - } -}; - -export default csv; \ No newline at end of file diff --git a/src/components/table/index.js b/src/components/table/index.js deleted file mode 100644 index 158c2e2d..00000000 --- a/src/components/table/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Table from './table.vue'; -export default Table; \ No newline at end of file diff --git a/src/components/table/mixin.js b/src/components/table/mixin.js deleted file mode 100644 index 697005e1..00000000 --- a/src/components/table/mixin.js +++ /dev/null @@ -1,39 +0,0 @@ -export default { - methods: { - alignCls (column, row = {}) { - let cellClassName = ''; - if (row.cellClassName && column.key && row.cellClassName[column.key]) { - cellClassName = row.cellClassName[column.key]; - } - return [ - { - [`${cellClassName}`]: cellClassName, // cell className - [`${column.className}`]: column.className, // column className - [`${this.prefixCls}-column-${column.align}`]: column.align, - [`${this.prefixCls}-hidden`]: (this.fixed === 'left' && column.fixed !== 'left') || (this.fixed === 'right' && column.fixed !== 'right') || (!this.fixed && column.fixed && (column.fixed === 'left' || column.fixed === 'right')) - } - ]; - }, - isPopperShow (column) { - return column.filters && ((!this.fixed && !column.fixed) || (this.fixed === 'left' && column.fixed === 'left') || (this.fixed === 'right' && column.fixed === 'right')); - }, - setCellWidth (column, index, top) { - let width = ''; - if (column.width) { - width = column.width; - } else if (this.columnsWidth[column._index]) { - width = this.columnsWidth[column._index].width; - } - // when browser has scrollBar,set a width to resolve scroll position bug - if (this.columns.length === index + 1 && top && this.$parent.bodyHeight !== 0) { - width += this.$parent.scrollBarWidth; - } - // when fixed type,reset first right fixed column's width - if (this.fixed === 'right') { - const firstFixedIndex = this.columns.findIndex((col) => col.fixed === 'right'); - if (firstFixedIndex === index) width += this.$parent.scrollBarWidth; - } - return width; - } - } -}; diff --git a/src/components/table/table-body.vue b/src/components/table/table-body.vue deleted file mode 100644 index b9b50eb5..00000000 --- a/src/components/table/table-body.vue +++ /dev/null @@ -1,83 +0,0 @@ - - diff --git a/src/components/table/table-head.vue b/src/components/table/table-head.vue deleted file mode 100644 index e026b904..00000000 --- a/src/components/table/table-head.vue +++ /dev/null @@ -1,154 +0,0 @@ - - diff --git a/src/components/table/table.vue b/src/components/table/table.vue deleted file mode 100644 index 99c60398..00000000 --- a/src/components/table/table.vue +++ /dev/null @@ -1,680 +0,0 @@ - - diff --git a/src/components/tabs/index.js b/src/components/tabs/index.js deleted file mode 100644 index 5623ee94..00000000 --- a/src/components/tabs/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Tabs from './tabs.vue'; -import Pane from './pane.vue'; - -Tabs.Pane = Pane; -export default Tabs; \ No newline at end of file diff --git a/src/components/tabs/pane.vue b/src/components/tabs/pane.vue deleted file mode 100644 index acc86c1f..00000000 --- a/src/components/tabs/pane.vue +++ /dev/null @@ -1,55 +0,0 @@ - - diff --git a/src/components/tabs/tabs.vue b/src/components/tabs/tabs.vue deleted file mode 100644 index 7e085d8b..00000000 --- a/src/components/tabs/tabs.vue +++ /dev/null @@ -1,223 +0,0 @@ - - diff --git a/src/components/tag/index.js b/src/components/tag/index.js deleted file mode 100644 index d158fbb8..00000000 --- a/src/components/tag/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Tag from './tag.vue'; -export default Tag; \ No newline at end of file diff --git a/src/components/tag/tag.vue b/src/components/tag/tag.vue deleted file mode 100644 index f600ab4f..00000000 --- a/src/components/tag/tag.vue +++ /dev/null @@ -1,57 +0,0 @@ - - diff --git a/src/components/time-picker/index.js b/src/components/time-picker/index.js deleted file mode 100644 index 4dfd732b..00000000 --- a/src/components/time-picker/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import TimePicker from '../date-picker/picker/time-picker'; -export default TimePicker; \ No newline at end of file diff --git a/src/components/timeline/index.js b/src/components/timeline/index.js deleted file mode 100644 index 2702dd19..00000000 --- a/src/components/timeline/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import Timeline from './timeline.vue'; -import TimelineItem from './timeline-item.vue'; - -Timeline.Item = TimelineItem; -export default Timeline; \ No newline at end of file diff --git a/src/components/timeline/timeline-item.vue b/src/components/timeline/timeline-item.vue deleted file mode 100644 index 9ec47a15..00000000 --- a/src/components/timeline/timeline-item.vue +++ /dev/null @@ -1,65 +0,0 @@ - - diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue deleted file mode 100644 index be31f0bc..00000000 --- a/src/components/timeline/timeline.vue +++ /dev/null @@ -1,27 +0,0 @@ - - diff --git a/src/components/tooltip/index.js b/src/components/tooltip/index.js deleted file mode 100644 index f861953a..00000000 --- a/src/components/tooltip/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import Tooltip from './tooltip.vue'; - -export default Tooltip; \ No newline at end of file diff --git a/src/components/tooltip/tooltip.vue b/src/components/tooltip/tooltip.vue deleted file mode 100644 index 563ebeb1..00000000 --- a/src/components/tooltip/tooltip.vue +++ /dev/null @@ -1,69 +0,0 @@ - - diff --git a/src/components/transfer/index.js b/src/components/transfer/index.js deleted file mode 100644 index 85a6ab86..00000000 --- a/src/components/transfer/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Transfer from './transfer.vue'; -export default Transfer; \ No newline at end of file diff --git a/src/components/transfer/list.vue b/src/components/transfer/list.vue deleted file mode 100644 index 9f5fc8bb..00000000 --- a/src/components/transfer/list.vue +++ /dev/null @@ -1,129 +0,0 @@ - - diff --git a/src/components/transfer/operation.vue b/src/components/transfer/operation.vue deleted file mode 100644 index 06bdb376..00000000 --- a/src/components/transfer/operation.vue +++ /dev/null @@ -1,32 +0,0 @@ - - diff --git a/src/components/transfer/search.vue b/src/components/transfer/search.vue deleted file mode 100644 index 9c704d81..00000000 --- a/src/components/transfer/search.vue +++ /dev/null @@ -1,41 +0,0 @@ - - diff --git a/src/components/transfer/transfer.vue b/src/components/transfer/transfer.vue deleted file mode 100644 index 9e51d9ad..00000000 --- a/src/components/transfer/transfer.vue +++ /dev/null @@ -1,192 +0,0 @@ - - diff --git a/src/components/tree/index.js b/src/components/tree/index.js deleted file mode 100644 index d1a1ccbd..00000000 --- a/src/components/tree/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import Tree from './tree.vue'; -export default Tree; \ No newline at end of file diff --git a/src/components/tree/tree.vue b/src/components/tree/tree.vue deleted file mode 100644 index 411c2c7a..00000000 --- a/src/components/tree/tree.vue +++ /dev/null @@ -1,273 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/upload/ajax.js b/src/components/upload/ajax.js deleted file mode 100755 index 848703b3..00000000 --- a/src/components/upload/ajax.js +++ /dev/null @@ -1,82 +0,0 @@ -// https://github.com/ElemeFE/element/blob/dev/packages/upload/src/ajax.js - -function getError(action, option, xhr) { - const msg = `fail to post ${action} ${xhr.status}`; - const err = new Error(msg); - err.status = xhr.status; - err.method = 'post'; - err.url = action; - return err; -} - -function getBody(xhr) { - const text = xhr.responseText || xhr.response; - if (!text) { - return text; - } - - try { - return JSON.parse(text); - } catch (e) { - return text; - } -} - -export default function upload(option) { - if (typeof XMLHttpRequest === 'undefined') { - return; - } - - const xhr = new XMLHttpRequest(); - const action = option.action; - - if (xhr.upload) { - xhr.upload.onprogress = function progress(e) { - if (e.total > 0) { - e.percent = e.loaded / e.total * 100; - } - option.onProgress(e); - }; - } - - const formData = new FormData(); - - if (option.data) { - Object.keys(option.data).map(key => { - formData.append(key, option.data[key]); - }); - } - - formData.append(option.filename, option.file); - - xhr.onerror = function error(e) { - option.onError(e); - }; - - xhr.onload = function onload() { - if (xhr.status < 200 || xhr.status >= 300) { - return option.onError(getError(action, option, xhr), getBody(xhr)); - } - - option.onSuccess(getBody(xhr)); - }; - - xhr.open('post', action, true); - - if (option.withCredentials && 'withCredentials' in xhr) { - xhr.withCredentials = true; - } - - const headers = option.headers || {}; - - // if (headers['X-Requested-With'] !== null) { - // xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); - // } - - for (let item in headers) { - if (headers.hasOwnProperty(item) && headers[item] !== null) { - xhr.setRequestHeader(item, headers[item]); - } - } - xhr.send(formData); -} diff --git a/src/components/upload/index.js b/src/components/upload/index.js deleted file mode 100644 index 59bcf389..00000000 --- a/src/components/upload/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import Upload from './upload.vue'; - -export default Upload; \ No newline at end of file diff --git a/src/components/upload/upload-list.vue b/src/components/upload/upload-list.vue deleted file mode 100644 index 9e3f48fe..00000000 --- a/src/components/upload/upload-list.vue +++ /dev/null @@ -1,93 +0,0 @@ - - \ No newline at end of file diff --git a/src/components/upload/upload.vue b/src/components/upload/upload.vue deleted file mode 100644 index 89d3b589..00000000 --- a/src/components/upload/upload.vue +++ /dev/null @@ -1,325 +0,0 @@ - - \ No newline at end of file diff --git a/src/directives/clickoutside.js b/src/directives/clickoutside.js deleted file mode 100644 index 8bb08512..00000000 --- a/src/directives/clickoutside.js +++ /dev/null @@ -1,19 +0,0 @@ -export default { - bind () { - this.documentHandler = (e) => { - if (this.el.contains(e.target)) { - return false; - } - if (this.expression) { - this.vm[this.expression](); - } - }; - document.addEventListener('click', this.documentHandler); - }, - update () { - - }, - unbind () { - document.removeEventListener('click', this.documentHandler); - } -}; \ No newline at end of file diff --git a/src/index.js b/src/index.js deleted file mode 100644 index afac97e1..00000000 --- a/src/index.js +++ /dev/null @@ -1,132 +0,0 @@ -// es6 polyfill -import 'core-js/fn/array/find-index'; - -import Affix from './components/affix'; -import Alert from './components/alert'; -import BackTop from './components/back-top'; -import Badge from './components/badge'; -import Breadcrumb from './components/breadcrumb'; -import Button from './components/button'; -import Card from './components/card'; -import Carousel from './components/carousel'; -import Cascader from './components/cascader'; -import Checkbox from './components/checkbox'; -import Circle from './components/circle'; -import Collapse from './components/collapse'; -import DatePicker from './components/date-picker'; -import Dropdown from './components/dropdown'; -import Form from './components/form'; -import Icon from './components/icon'; -import Input from './components/input'; -import InputNumber from './components/input-number'; -import LoadingBar from './components/loading-bar'; -import Menu from './components/menu'; -import Message from './components/message'; -import Modal from './components/modal'; -import Notice from './components/notice'; -import Page from './components/page'; -import Poptip from './components/poptip'; -import Progress from './components/progress'; -import Radio from './components/radio'; -import Rate from './components/rate'; -import Slider from './components/slider'; -import Spin from './components/spin'; -import Steps from './components/steps'; -import Switch from './components/switch'; -import Table from './components/table'; -import Tabs from './components/tabs'; -import Tag from './components/tag'; -import Timeline from './components/timeline'; -import TimePicker from './components/time-picker'; -import Tooltip from './components/tooltip'; -import Transfer from './components/transfer'; -import Tree from './components/tree'; -import Upload from './components/upload'; -import { Row, Col } from './components/layout'; -import { Select, Option, OptionGroup } from './components/select'; -import locale from './locale'; - -const iview = { - Affix, - Alert, - BackTop, - Badge, - Breadcrumb, - BreadcrumbItem: Breadcrumb.Item, - iButton: Button, - ButtonGroup: Button.Group, - Card, - Carousel, - CarouselItem: Carousel.Item, - Cascader, - Checkbox, - CheckboxGroup: Checkbox.Group, - Circle, - DatePicker, - Dropdown, - DropdownItem: Dropdown.Item, - DropdownMenu: Dropdown.Menu, - iForm: Form, - FormItem: Form.Item, - iCol: Col, - Collapse, - Icon, - iInput: Input, - InputNumber, - LoadingBar, - Menu, - MenuGroup: Menu.Group, - MenuItem: Menu.Item, - Submenu: Menu.Sub, - Message, - Modal, - Notice, - iOption: Option, - OptionGroup, - Page, - Panel: Collapse.Panel, - Poptip, - Progress, - Radio, - RadioGroup: Radio.Group, - Rate, - Row, - iSelect: Select, - Slider, - Spin, - Step: Steps.Step, - Steps, - Switch, - iTable: Table, - Tabs: Tabs, - TabPane: Tabs.Pane, - Tag, - Timeline, - TimelineItem: Timeline.Item, - TimePicker, - Tooltip, - Transfer, - Tree, - Upload -}; - -const install = function (Vue, opts = {}) { - locale.use(opts.locale); - locale.i18n(opts.i18n); - - Object.keys(iview).forEach((key) => { - Vue.component(key, iview[key]); - }); - - Vue.prototype.$Loading = LoadingBar; - Vue.prototype.$Message = Message; - Vue.prototype.$Modal = Modal; - Vue.prototype.$Notice = Notice; -}; - -// auto install -if (typeof window !== 'undefined' && window.Vue) { - install(window.Vue); -} - -module.exports = Object.assign(iview, {install}); // eslint-disable-line no-undef diff --git a/src/locale/format.js b/src/locale/format.js deleted file mode 100644 index 93e3c341..00000000 --- a/src/locale/format.js +++ /dev/null @@ -1,47 +0,0 @@ -/** - * String format template - * - Inspired: - * https://github.com/Matt-Esch/string-template/index.js - */ - -const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g; - -export default function(Vue) { - const { hasOwn } = Vue.util; - - /** - * template - * - * @param {String} string - * @param {Array} ...args - * @return {String} - */ - - function template(string, ...args) { - if (args.length === 1 && typeof args[0] === 'object') { - args = args[0]; - } - - if (!args || !args.hasOwnProperty) { - args = {}; - } - - return string.replace(RE_NARGS, (match, prefix, i, index) => { - let result; - - if (string[index - 1] === '{' && - string[index + match.length] === '}') { - return i; - } else { - result = hasOwn(args, i) ? args[i] : null; - if (result === null || result === undefined) { - return ''; - } - - return result; - } - }); - } - - return template; -} diff --git a/src/locale/index.js b/src/locale/index.js deleted file mode 100644 index faf0cf75..00000000 --- a/src/locale/index.js +++ /dev/null @@ -1,50 +0,0 @@ -// https://github.com/ElemeFE/element/blob/dev/src/locale/index.js - -import defaultLang from './lang/zh-CN'; -import Vue from 'vue'; -import deepmerge from 'deepmerge'; -import Format from './format'; - -const format = Format(Vue); -let lang = defaultLang; -let merged = false; -let i18nHandler = function() { - const vuei18n = Object.getPrototypeOf(this || Vue).$t; - if (typeof vuei18n === 'function') { - if (!merged) { - merged = true; - Vue.locale( - Vue.config.lang, - deepmerge(lang, Vue.locale(Vue.config.lang) || {}, { clone: true }) - ); - } - return vuei18n.apply(this, arguments); - } -}; - -export const t = function(path, options) { - let value = i18nHandler.apply(this, arguments); - if (value !== null && value !== undefined) return value; - - const array = path.split('.'); - let current = lang; - - for (let i = 0, j = array.length; i < j; i++) { - const property = array[i]; - value = current[property]; - if (i === j - 1) return format(value, options); - if (!value) return ''; - current = value; - } - return ''; -}; - -export const use = function(l) { - lang = l || lang; -}; - -export const i18n = function(fn) { - i18nHandler = fn || i18nHandler; -}; - -export default { use, t, i18n }; \ No newline at end of file diff --git a/src/locale/lang/en-US.js b/src/locale/lang/en-US.js deleted file mode 100644 index ade42ebe..00000000 --- a/src/locale/lang/en-US.js +++ /dev/null @@ -1,95 +0,0 @@ -export default { - i: { - select: { - placeholder: 'Select', - noMatch: 'No matching data' - }, - table: { - noDataText: 'No Data', - noFilteredDataText: 'No filter data', - confirmFilter: 'Confirm', - resetFilter: 'Reset', - clearFilter: 'All' - }, - datepicker: { - selectDate: 'Select date', - selectTime: 'Select time', - startTime: 'Start Time', - endTime: 'End Time', - clear: 'Clear', - ok: 'OK', - month: '', - month1: 'January', - month2: 'February', - month3: 'March', - month4: 'April', - month5: 'May', - month6: 'June', - month7: 'July', - month8: 'August', - month9: 'September', - month10: 'October', - month11: 'November', - month12: 'December', - year: '', - weeks: { - sun: 'Sun', - mon: 'Mon', - tue: 'Tue', - wed: 'Wed', - thu: 'Thu', - fri: 'Fri', - sat: 'Sat' - }, - months: { - m1: 'Jan', - m2: 'Feb', - m3: 'Mar', - m4: 'Apr', - m5: 'May', - m6: 'Jun', - m7: 'Jul', - m8: 'Aug', - m9: 'Sep', - m10: 'Oct', - m11: 'Nov', - m12: 'Dec' - } - }, - transfer: { - titles: { - source: 'Source', - target: 'Target' - }, - filterPlaceholder: 'Search here', - notFoundText: 'Not Found' - }, - modal: { - okText: 'OK', - cancelText: 'Cancel' - }, - poptip: { - okText: 'OK', - cancelText: 'Cancel' - }, - page: { - prev: 'Previous Page', - next: 'Next Page', - total: 'Total', - item: 'item', - items: 'items', - prev5: 'Previous 5 Pages', - next5: 'Next 5 Pages', - page: '/page', - goto: 'Goto', - p: '' - }, - rate: { - star: 'Star', - stars: 'Stars' - }, - tree: { - emptyText: 'No Data' - } - } -}; \ No newline at end of file diff --git a/src/locale/lang/zh-CN.js b/src/locale/lang/zh-CN.js deleted file mode 100644 index 4e1c9148..00000000 --- a/src/locale/lang/zh-CN.js +++ /dev/null @@ -1,95 +0,0 @@ -export default { - i: { - select: { - placeholder: '请选择', - noMatch: '无匹配数据' - }, - table: { - noDataText: '暂无数据', - noFilteredDataText: '暂无筛选结果', - confirmFilter: '筛选', - resetFilter: '重置', - clearFilter: '全部' - }, - datepicker: { - selectDate: '选择日期', - selectTime: '选择时间', - startTime: '开始时间', - endTime: '结束时间', - clear: '清空', - ok: '确定', - month: '月', - month1: '1 月', - month2: '2 月', - month3: '3 月', - month4: '4 月', - month5: '5 月', - month6: '6 月', - month7: '7 月', - month8: '8 月', - month9: '9 月', - month10: '10 月', - month11: '11 月', - month12: '12 月', - year: '年', - weeks: { - sun: '日', - mon: '一', - tue: '二', - wed: '三', - thu: '四', - fri: '五', - sat: '六' - }, - months: { - m1: '1月', - m2: '2月', - m3: '3月', - m4: '4月', - m5: '5月', - m6: '6月', - m7: '7月', - m8: '8月', - m9: '9月', - m10: '10月', - m11: '11月', - m12: '12月' - } - }, - transfer: { - titles: { - source: '源列表', - target: '目的列表' - }, - filterPlaceholder: '请输入搜索内容', - notFoundText: '列表为空' - }, - modal: { - okText: '确定', - cancelText: '取消' - }, - poptip: { - okText: '确定', - cancelText: '取消' - }, - page: { - prev: '上一页', - next: '下一页', - total: '共', - item: '条', - items: '条', - prev5: '向前 5 页', - next5: '向后 5 页', - page: '条/页', - goto: '跳至', - p: '页' - }, - rate: { - star: '星', - stars: '星' - }, - tree: { - emptyText: '暂无数据' - } - } -}; \ No newline at end of file diff --git a/src/locale/lang/zh-TW.js b/src/locale/lang/zh-TW.js deleted file mode 100644 index aa6fe1d3..00000000 --- a/src/locale/lang/zh-TW.js +++ /dev/null @@ -1,95 +0,0 @@ -export default { - i: { - select: { - placeholder: '請選擇', - noMatch: '無匹配數據' - }, - table: { - noDataText: '暫無數據', - noFilteredDataText: '暫無篩選結果', - confirmFilter: '篩選', - resetFilter: '重置', - clearFilter: '全部' - }, - datepicker: { - selectDate: '選擇日期', - selectTime: '選擇時間', - startTime: '開始時間', - endTime: '結束時間', - clear: '清空', - ok: '確定', - month: '月', - month1: '1 月', - month2: '2 月', - month3: '3 月', - month4: '4 月', - month5: '5 月', - month6: '6 月', - month7: '7 月', - month8: '8 月', - month9: '9 月', - month10: '10 月', - month11: '11 月', - month12: '12 月', - year: '年', - weeks: { - sun: '日', - mon: '一', - tue: '二', - wed: '三', - thu: '四', - fri: '五', - sat: '六' - }, - months: { - m1: '1月', - m2: '2月', - m3: '3月', - m4: '4月', - m5: '5月', - m6: '6月', - m7: '7月', - m8: '8月', - m9: '9月', - m10: '10月', - m11: '11月', - m12: '12月' - } - }, - transfer: { - titles: { - source: '源列表', - target: '目的列表' - }, - filterPlaceholder: '請輸入搜索內容', - notFoundText: '列表爲空' - }, - modal: { - okText: '確定', - cancelText: '取消' - }, - poptip: { - okText: '確定', - cancelText: '取消' - }, - page: { - prev: '上壹頁', - next: '下壹頁', - total: '共', - item: '條', - items: '條', - prev5: '向前 5 頁', - next5: '向後 5 頁', - page: '條/頁', - goto: '跳至', - p: '頁' - }, - rate: { - star: '星', - stars: '星' - }, - tree: { - emptyText: '暫無數據' - } - } -}; \ No newline at end of file diff --git a/src/mixins/locale.js b/src/mixins/locale.js deleted file mode 100644 index 24a3992e..00000000 --- a/src/mixins/locale.js +++ /dev/null @@ -1,9 +0,0 @@ -import { t } from '../locale'; - -export default { - methods: { - t(...args) { - return t.apply(this, args); - } - } -}; diff --git a/src/styles/README.md b/src/styles/README.md deleted file mode 100644 index edc51b5b..00000000 --- a/src/styles/README.md +++ /dev/null @@ -1,11 +0,0 @@ -# 样式库说明 - -## 目录 - -|-- animation (动画) - -|-- common (全局样式) - -|-- components (组件样式) - -|-- mixins (混入) diff --git a/src/styles/animation/ease.less b/src/styles/animation/ease.less deleted file mode 100644 index 6c4cdefa..00000000 --- a/src/styles/animation/ease.less +++ /dev/null @@ -1,36 +0,0 @@ -.ease-motion(@className, @keyframeName) { - .make-motion(@className, @keyframeName); - .@{className}-enter, .@{className}-appear { - opacity: 0; - animation-timing-function: linear; - animation-duration: @transition-time; - } - .@{className}-leave { - animation-timing-function: linear; - animation-duration: @transition-time; - } -} - -.ease-motion(ease, ivuEase); - -@keyframes ivuEaseIn { - 0% { - opacity: 0; - transform: scale(0.9); - } - 100% { - opacity: 1; - transform: scale(1); - } -} - -@keyframes ivuEaseOut { - 0% { - opacity: 1; - transform: scale(1); - } - 100% { - opacity: 0; - transform: scale(0.9); - } -} \ No newline at end of file diff --git a/src/styles/animation/fade.less b/src/styles/animation/fade.less deleted file mode 100644 index 1c3bd959..00000000 --- a/src/styles/animation/fade.less +++ /dev/null @@ -1,30 +0,0 @@ -.fade-motion(@className, @keyframeName) { - .make-motion(@className, @keyframeName); - .@{className}-enter, .@{className}-appear { - opacity: 0; - animation-timing-function: linear; - } - .@{className}-leave { - animation-timing-function: linear; - } -} - -.fade-motion(fade, ivuFade); - -@keyframes ivuFadeIn { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} - -@keyframes ivuFadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} \ No newline at end of file diff --git a/src/styles/animation/index.less b/src/styles/animation/index.less deleted file mode 100644 index 7a656ec0..00000000 --- a/src/styles/animation/index.less +++ /dev/null @@ -1,28 +0,0 @@ -.motion-common() { - animation-duration: @animation-time; - animation-fill-mode: both; -} - -.make-motion(@className, @keyframeName) { - .@{className}-enter, .@{className}-appear { - .motion-common(); - animation-play-state: paused; - } - .@{className}-leave { - .motion-common(); - animation-play-state: paused; - } - .@{className}-enter, .@{className}-appear { - animation-name: ~"@{keyframeName}In"; - animation-play-state: running; - } - .@{className}-leave { - animation-name: ~"@{keyframeName}Out"; - animation-play-state: running; - } -} - -@import "fade"; -@import "move"; -@import "ease"; -@import "slide"; \ No newline at end of file diff --git a/src/styles/animation/move.less b/src/styles/animation/move.less deleted file mode 100644 index b6223538..00000000 --- a/src/styles/animation/move.less +++ /dev/null @@ -1,161 +0,0 @@ -.move-motion(@className, @keyframeName) { - .make-motion(@className, @keyframeName); - .@{className}-enter, .@{className}-appear { - opacity: 0; - animation-timing-function: @ease-in-out; - } - .@{className}-leave { - animation-timing-function: @ease-in-out; - } -} - -.move-motion(move-up, ivuMoveUp); -.move-motion(move-down, ivuMoveDown); -.move-motion(move-left, ivuMoveLeft); -.move-motion(move-right, ivuMoveRight); - -@keyframes ivuMoveDownIn { - 0% { - transform-origin: 0 0; - transform: translateY(100%); - opacity: 0; - } - 100% { - transform-origin: 0 0; - transform: translateY(0%); - opacity: 1; - } -} - -@keyframes ivuMoveDownOut { - 0% { - transform-origin: 0 0; - transform: translateY(0%); - opacity: 1; - } - 100% { - transform-origin: 0 0; - transform: translateY(100%); - opacity: 0; - } -} - -@keyframes ivuMoveLeftIn { - 0% { - transform-origin: 0 0; - transform: translateX(-100%); - opacity: 0; - } - 100% { - transform-origin: 0 0; - transform: translateX(0%); - opacity: 1; - } -} - -@keyframes ivuMoveLeftOut { - 0% { - transform-origin: 0 0; - transform: translateX(0%); - opacity: 1; - } - 100% { - transform-origin: 0 0; - transform: translateX(-100%); - opacity: 0; - } -} - -@keyframes ivuMoveRightIn { - 0% { - opacity: 0; - transform-origin: 0 0; - transform: translateX(100%); - } - 100% { - opacity: 1; - transform-origin: 0 0; - transform: translateX(0%); - } -} - -@keyframes ivuMoveRightOut { - 0% { - transform-origin: 0 0; - transform: translateX(0%); - opacity: 1; - } - 100% { - transform-origin: 0 0; - transform: translateX(100%); - opacity: 0; - } -} - -@keyframes ivuMoveUpIn { - 0% { - transform-origin: 0 0; - transform: translateY(-100%); - opacity: 0; - } - 100% { - transform-origin: 0 0; - transform: translateY(0%); - opacity: 1; - } -} - -@keyframes ivuMoveUpOut { - 0% { - transform-origin: 0 0; - transform: translateY(0%); - opacity: 1; - } - 100% { - transform-origin: 0 0; - transform: translateY(-100%); - opacity: 0; - } -} - -// specific transition for Notice - -.move-motion(move-notice, ivuMoveNotice); -@import '../components/notice.less'; - -@keyframes ivuMoveNoticeIn { - 0% { - opacity: 0; - transform-origin: 0 0; - transform: translateX(100%); - } - 100% { - opacity: 1; - transform-origin: 0 0; - transform: translateX(0%); - } -} - -@keyframes ivuMoveNoticeOut { - 0% { - transform-origin: 0 0; - transform: translateX(0%); - opacity: 1; - } - 70% { - transform-origin: 0 0; - transform: translateX(100%); - height: auto; - padding: @notice-padding; - margin-bottom: @notice-margin-bottom; - opacity: 0; - } - 100% { - transform-origin: 0 0; - transform: translateX(100%); - height: 0; - padding: 0; - margin-bottom: 0; - opacity: 0; - } -} diff --git a/src/styles/animation/slide.less b/src/styles/animation/slide.less deleted file mode 100644 index c0d4b082..00000000 --- a/src/styles/animation/slide.less +++ /dev/null @@ -1,119 +0,0 @@ -.slide-motion(@className, @keyframeName) { - .make-motion(@className, @keyframeName); - .@{className}-enter, .@{className}-appear { - opacity: 0; - animation-timing-function: @ease-in-out; - } - .@{className}-leave { - animation-timing-function: @ease-in-out; - } -} - -.slide-motion(slide-up, ivuSlideUp); -.slide-motion(slide-down, ivuSlideDown); -.slide-motion(slide-left, ivuSlideLeft); -.slide-motion(slide-right, ivuSlideRight); - -@keyframes ivuSlideUpIn { - 0% { - opacity: 0; - transform-origin: 0% 0%; - transform: scaleY(.8); - } - 100% { - opacity: 1; - transform-origin: 0% 0%; - transform: scaleY(1); - } -} - -@keyframes ivuSlideUpOut { - 0% { - opacity: 1; - transform-origin: 0% 0%; - transform: scaleY(1); - } - 100% { - opacity: 0; - transform-origin: 0% 0%; - transform: scaleY(.8); - } -} - -@keyframes ivuSlideDownIn { - 0% { - opacity: 0; - transform-origin: 100% 100%; - transform: scaleY(.8); - } - 100% { - opacity: 1; - transform-origin: 100% 100%; - transform: scaleY(1); - } -} - -@keyframes ivuSlideDownOut { - 0% { - opacity: 1; - transform-origin: 100% 100%; - transform: scaleY(1); - } - 100% { - opacity: 0; - transform-origin: 100% 100%; - transform: scaleY(.8); - } -} - -@keyframes ivuSlideLeftIn { - 0% { - opacity: 0; - transform-origin: 0% 0%; - transform: scaleX(.8); - } - 100% { - opacity: 1; - transform-origin: 0% 0%; - transform: scaleX(1); - } -} - -@keyframes ivuSlideLeftOut { - 0% { - opacity: 1; - transform-origin: 0% 0%; - transform: scaleX(1); - } - 100% { - opacity: 0; - transform-origin: 0% 0%; - transform: scaleX(.8); - } -} - -@keyframes ivuSlideRightIn { - 0% { - opacity: 0; - transform-origin: 100% 0%; - transform: scaleX(.8); - } - 100% { - opacity: 1; - transform-origin: 100% 0%; - transform: scaleX(1); - } -} - -@keyframes ivuSlideRightOut { - 0% { - opacity: 1; - transform-origin: 100% 0%; - transform: scaleX(1); - } - 100% { - opacity: 0; - transform-origin: 100% 0%; - transform: scaleX(.8); - } -} \ No newline at end of file diff --git a/src/styles/common/article.less b/src/styles/common/article.less deleted file mode 100644 index cd229a25..00000000 --- a/src/styles/common/article.less +++ /dev/null @@ -1,59 +0,0 @@ -.ivu-article { - h1{ - font-size: 26px; - font-weight: normal; - } - h2{ - font-size: 20px; - font-weight: normal; - } - h3{ - font-size: 16px; - font-weight: normal; - } - h4{ - font-size: 14px; - font-weight: normal; - } - h5{ - font-size: 12px; - font-weight: normal; - } - h6{ - font-size: 12px; - font-weight: normal; - } - - blockquote{ - padding: 5px 5px 3px 10px; - line-height: 1.5; - border-left: 4px solid #ddd; - margin-bottom: 20px; - color: #666; - font-size: 14px; - } - - ul:not([class^="ivu-"]){ - padding-left: 40px; - list-style-type: disc; - } - li:not([class^="ivu-"]){ - margin-bottom: 5px; - font-size: 14px; - } - ul ul:not([class^="ivu-"]), ol ul:not([class^="ivu-"]){ - list-style-type: circle; - } - - p{ - margin: 5px; - font-size: 14px; - } - - a[target="_blank"]:after{ - content: "\F220"; - font-family: Ionicons; - color: #aaa; - margin-left: 3px; - } -} \ No newline at end of file diff --git a/src/styles/common/base.less b/src/styles/common/base.less deleted file mode 100644 index 5214f418..00000000 --- a/src/styles/common/base.less +++ /dev/null @@ -1,77 +0,0 @@ -@import "normalize"; - -* { - box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -*:before, -*:after { - box-sizing: border-box; -} - -body { - font-family: @font-family; - font-size: @font-size-small; - line-height: @line-height-base; - color: @text-color; - background-color: @body-background; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - margin: 0; - padding: 0; -} - -button, input, select, textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -ul, -ol { - list-style: none; -} - -input::-ms-clear, input::-ms-reveal { - display: none; -} - -a { - color: @link-color; - background: transparent; - text-decoration: none; - outline: none; - cursor: pointer; - transition: color @transition-time ease; - - &:hover { - color: @link-hover-color; - } - - &:active { - color: @link-active-color; - } - - &:active, - &:hover { - outline: 0; - text-decoration: none; - } - - &[disabled] { - color: #ccc; - cursor: @cursor-disabled; - pointer-events: none; - } -} - -code, -kbd, -pre, -samp { - font-family: @code-family; -} diff --git a/src/styles/common/iconfont/_ionicons-font.less b/src/styles/common/iconfont/_ionicons-font.less deleted file mode 100755 index 2c68f284..00000000 --- a/src/styles/common/iconfont/_ionicons-font.less +++ /dev/null @@ -1,31 +0,0 @@ -// Ionicons Font Path -// -------------------------- - -@font-face { - font-family: @ionicons-font-family; - src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}"); - src:url("@{ionicons-font-path}/ionicons.eot?v=@{ionicons-version}#iefix") format("embedded-opentype"), - url("@{ionicons-font-path}/ionicons.ttf?v=@{ionicons-version}") format("truetype"), - url("@{ionicons-font-path}/ionicons.woff?v=@{ionicons-version}") format("woff"), - url("@{ionicons-font-path}/ionicons.svg?v=@{ionicons-version}#Ionicons") format("svg"); - font-weight: normal; - font-style: normal; -} - -.ivu-icon() { - display: inline-block; - font-family: @ionicons-font-family; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - text-rendering: auto; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.ivu-icon { - .ivu-icon(); -} \ No newline at end of file diff --git a/src/styles/common/iconfont/_ionicons-icons.less b/src/styles/common/iconfont/_ionicons-icons.less deleted file mode 100755 index 5e6052e9..00000000 --- a/src/styles/common/iconfont/_ionicons-icons.less +++ /dev/null @@ -1,1473 +0,0 @@ -// Ionicons Icons -// -------------------------- - -.ionicons, -.@{ionicons-prefix}alert:before, -.@{ionicons-prefix}alert-circled:before, -.@{ionicons-prefix}android-add:before, -.@{ionicons-prefix}android-add-circle:before, -.@{ionicons-prefix}android-alarm-clock:before, -.@{ionicons-prefix}android-alert:before, -.@{ionicons-prefix}android-apps:before, -.@{ionicons-prefix}android-archive:before, -.@{ionicons-prefix}android-arrow-back:before, -.@{ionicons-prefix}android-arrow-down:before, -.@{ionicons-prefix}android-arrow-dropdown:before, -.@{ionicons-prefix}android-arrow-dropdown-circle:before, -.@{ionicons-prefix}android-arrow-dropleft:before, -.@{ionicons-prefix}android-arrow-dropleft-circle:before, -.@{ionicons-prefix}android-arrow-dropright:before, -.@{ionicons-prefix}android-arrow-dropright-circle:before, -.@{ionicons-prefix}android-arrow-dropup:before, -.@{ionicons-prefix}android-arrow-dropup-circle:before, -.@{ionicons-prefix}android-arrow-forward:before, -.@{ionicons-prefix}android-arrow-up:before, -.@{ionicons-prefix}android-attach:before, -.@{ionicons-prefix}android-bar:before, -.@{ionicons-prefix}android-bicycle:before, -.@{ionicons-prefix}android-boat:before, -.@{ionicons-prefix}android-bookmark:before, -.@{ionicons-prefix}android-bulb:before, -.@{ionicons-prefix}android-bus:before, -.@{ionicons-prefix}android-calendar:before, -.@{ionicons-prefix}android-call:before, -.@{ionicons-prefix}android-camera:before, -.@{ionicons-prefix}android-cancel:before, -.@{ionicons-prefix}android-car:before, -.@{ionicons-prefix}android-cart:before, -.@{ionicons-prefix}android-chat:before, -.@{ionicons-prefix}android-checkbox:before, -.@{ionicons-prefix}android-checkbox-blank:before, -.@{ionicons-prefix}android-checkbox-outline:before, -.@{ionicons-prefix}android-checkbox-outline-blank:before, -.@{ionicons-prefix}android-checkmark-circle:before, -.@{ionicons-prefix}android-clipboard:before, -.@{ionicons-prefix}android-close:before, -.@{ionicons-prefix}android-cloud:before, -.@{ionicons-prefix}android-cloud-circle:before, -.@{ionicons-prefix}android-cloud-done:before, -.@{ionicons-prefix}android-cloud-outline:before, -.@{ionicons-prefix}android-color-palette:before, -.@{ionicons-prefix}android-compass:before, -.@{ionicons-prefix}android-contact:before, -.@{ionicons-prefix}android-contacts:before, -.@{ionicons-prefix}android-contract:before, -.@{ionicons-prefix}android-create:before, -.@{ionicons-prefix}android-delete:before, -.@{ionicons-prefix}android-desktop:before, -.@{ionicons-prefix}android-document:before, -.@{ionicons-prefix}android-done:before, -.@{ionicons-prefix}android-done-all:before, -.@{ionicons-prefix}android-download:before, -.@{ionicons-prefix}android-drafts:before, -.@{ionicons-prefix}android-exit:before, -.@{ionicons-prefix}android-expand:before, -.@{ionicons-prefix}android-favorite:before, -.@{ionicons-prefix}android-favorite-outline:before, -.@{ionicons-prefix}android-film:before, -.@{ionicons-prefix}android-folder:before, -.@{ionicons-prefix}android-folder-open:before, -.@{ionicons-prefix}android-funnel:before, -.@{ionicons-prefix}android-globe:before, -.@{ionicons-prefix}android-hand:before, -.@{ionicons-prefix}android-hangout:before, -.@{ionicons-prefix}android-happy:before, -.@{ionicons-prefix}android-home:before, -.@{ionicons-prefix}android-image:before, -.@{ionicons-prefix}android-laptop:before, -.@{ionicons-prefix}android-list:before, -.@{ionicons-prefix}android-locate:before, -.@{ionicons-prefix}android-lock:before, -.@{ionicons-prefix}android-mail:before, -.@{ionicons-prefix}android-map:before, -.@{ionicons-prefix}android-menu:before, -.@{ionicons-prefix}android-microphone:before, -.@{ionicons-prefix}android-microphone-off:before, -.@{ionicons-prefix}android-more-horizontal:before, -.@{ionicons-prefix}android-more-vertical:before, -.@{ionicons-prefix}android-navigate:before, -.@{ionicons-prefix}android-notifications:before, -.@{ionicons-prefix}android-notifications-none:before, -.@{ionicons-prefix}android-notifications-off:before, -.@{ionicons-prefix}android-open:before, -.@{ionicons-prefix}android-options:before, -.@{ionicons-prefix}android-people:before, -.@{ionicons-prefix}android-person:before, -.@{ionicons-prefix}android-person-add:before, -.@{ionicons-prefix}android-phone-landscape:before, -.@{ionicons-prefix}android-phone-portrait:before, -.@{ionicons-prefix}android-pin:before, -.@{ionicons-prefix}android-plane:before, -.@{ionicons-prefix}android-playstore:before, -.@{ionicons-prefix}android-print:before, -.@{ionicons-prefix}android-radio-button-off:before, -.@{ionicons-prefix}android-radio-button-on:before, -.@{ionicons-prefix}android-refresh:before, -.@{ionicons-prefix}android-remove:before, -.@{ionicons-prefix}android-remove-circle:before, -.@{ionicons-prefix}android-restaurant:before, -.@{ionicons-prefix}android-sad:before, -.@{ionicons-prefix}android-search:before, -.@{ionicons-prefix}android-send:before, -.@{ionicons-prefix}android-settings:before, -.@{ionicons-prefix}android-share:before, -.@{ionicons-prefix}android-share-alt:before, -.@{ionicons-prefix}android-star:before, -.@{ionicons-prefix}android-star-half:before, -.@{ionicons-prefix}android-star-outline:before, -.@{ionicons-prefix}android-stopwatch:before, -.@{ionicons-prefix}android-subway:before, -.@{ionicons-prefix}android-sunny:before, -.@{ionicons-prefix}android-sync:before, -.@{ionicons-prefix}android-textsms:before, -.@{ionicons-prefix}android-time:before, -.@{ionicons-prefix}android-train:before, -.@{ionicons-prefix}android-unlock:before, -.@{ionicons-prefix}android-upload:before, -.@{ionicons-prefix}android-volume-down:before, -.@{ionicons-prefix}android-volume-mute:before, -.@{ionicons-prefix}android-volume-off:before, -.@{ionicons-prefix}android-volume-up:before, -.@{ionicons-prefix}android-walk:before, -.@{ionicons-prefix}android-warning:before, -.@{ionicons-prefix}android-watch:before, -.@{ionicons-prefix}android-wifi:before, -.@{ionicons-prefix}aperture:before, -.@{ionicons-prefix}archive:before, -.@{ionicons-prefix}arrow-down-a:before, -.@{ionicons-prefix}arrow-down-b:before, -.@{ionicons-prefix}arrow-down-c:before, -.@{ionicons-prefix}arrow-expand:before, -.@{ionicons-prefix}arrow-graph-down-left:before, -.@{ionicons-prefix}arrow-graph-down-right:before, -.@{ionicons-prefix}arrow-graph-up-left:before, -.@{ionicons-prefix}arrow-graph-up-right:before, -.@{ionicons-prefix}arrow-left-a:before, -.@{ionicons-prefix}arrow-left-b:before, -.@{ionicons-prefix}arrow-left-c:before, -.@{ionicons-prefix}arrow-move:before, -.@{ionicons-prefix}arrow-resize:before, -.@{ionicons-prefix}arrow-return-left:before, -.@{ionicons-prefix}arrow-return-right:before, -.@{ionicons-prefix}arrow-right-a:before, -.@{ionicons-prefix}arrow-right-b:before, -.@{ionicons-prefix}arrow-right-c:before, -.@{ionicons-prefix}arrow-shrink:before, -.@{ionicons-prefix}arrow-swap:before, -.@{ionicons-prefix}arrow-up-a:before, -.@{ionicons-prefix}arrow-up-b:before, -.@{ionicons-prefix}arrow-up-c:before, -.@{ionicons-prefix}asterisk:before, -.@{ionicons-prefix}at:before, -.@{ionicons-prefix}backspace:before, -.@{ionicons-prefix}backspace-outline:before, -.@{ionicons-prefix}bag:before, -.@{ionicons-prefix}battery-charging:before, -.@{ionicons-prefix}battery-empty:before, -.@{ionicons-prefix}battery-full:before, -.@{ionicons-prefix}battery-half:before, -.@{ionicons-prefix}battery-low:before, -.@{ionicons-prefix}beaker:before, -.@{ionicons-prefix}beer:before, -.@{ionicons-prefix}bluetooth:before, -.@{ionicons-prefix}bonfire:before, -.@{ionicons-prefix}bookmark:before, -.@{ionicons-prefix}bowtie:before, -.@{ionicons-prefix}briefcase:before, -.@{ionicons-prefix}bug:before, -.@{ionicons-prefix}calculator:before, -.@{ionicons-prefix}calendar:before, -.@{ionicons-prefix}camera:before, -.@{ionicons-prefix}card:before, -.@{ionicons-prefix}cash:before, -.@{ionicons-prefix}chatbox:before, -.@{ionicons-prefix}chatbox-working:before, -.@{ionicons-prefix}chatboxes:before, -.@{ionicons-prefix}chatbubble:before, -.@{ionicons-prefix}chatbubble-working:before, -.@{ionicons-prefix}chatbubbles:before, -.@{ionicons-prefix}checkmark:before, -.@{ionicons-prefix}checkmark-circled:before, -.@{ionicons-prefix}checkmark-round:before, -.@{ionicons-prefix}chevron-down:before, -.@{ionicons-prefix}chevron-left:before, -.@{ionicons-prefix}chevron-right:before, -.@{ionicons-prefix}chevron-up:before, -.@{ionicons-prefix}clipboard:before, -.@{ionicons-prefix}clock:before, -.@{ionicons-prefix}close:before, -.@{ionicons-prefix}close-circled:before, -.@{ionicons-prefix}close-round:before, -.@{ionicons-prefix}closed-captioning:before, -.@{ionicons-prefix}cloud:before, -.@{ionicons-prefix}code:before, -.@{ionicons-prefix}code-download:before, -.@{ionicons-prefix}code-working:before, -.@{ionicons-prefix}coffee:before, -.@{ionicons-prefix}compass:before, -.@{ionicons-prefix}compose:before, -.@{ionicons-prefix}connection-bars:before, -.@{ionicons-prefix}contrast:before, -.@{ionicons-prefix}crop:before, -.@{ionicons-prefix}cube:before, -.@{ionicons-prefix}disc:before, -.@{ionicons-prefix}document:before, -.@{ionicons-prefix}document-text:before, -.@{ionicons-prefix}drag:before, -.@{ionicons-prefix}earth:before, -.@{ionicons-prefix}easel:before, -.@{ionicons-prefix}edit:before, -.@{ionicons-prefix}egg:before, -.@{ionicons-prefix}eject:before, -.@{ionicons-prefix}email:before, -.@{ionicons-prefix}email-unread:before, -.@{ionicons-prefix}erlenmeyer-flask:before, -.@{ionicons-prefix}erlenmeyer-flask-bubbles:before, -.@{ionicons-prefix}eye:before, -.@{ionicons-prefix}eye-disabled:before, -.@{ionicons-prefix}female:before, -.@{ionicons-prefix}filing:before, -.@{ionicons-prefix}film-marker:before, -.@{ionicons-prefix}fireball:before, -.@{ionicons-prefix}flag:before, -.@{ionicons-prefix}flame:before, -.@{ionicons-prefix}flash:before, -.@{ionicons-prefix}flash-off:before, -.@{ionicons-prefix}folder:before, -.@{ionicons-prefix}fork:before, -.@{ionicons-prefix}fork-repo:before, -.@{ionicons-prefix}forward:before, -.@{ionicons-prefix}funnel:before, -.@{ionicons-prefix}gear-a:before, -.@{ionicons-prefix}gear-b:before, -.@{ionicons-prefix}grid:before, -.@{ionicons-prefix}hammer:before, -.@{ionicons-prefix}happy:before, -.@{ionicons-prefix}happy-outline:before, -.@{ionicons-prefix}headphone:before, -.@{ionicons-prefix}heart:before, -.@{ionicons-prefix}heart-broken:before, -.@{ionicons-prefix}help:before, -.@{ionicons-prefix}help-buoy:before, -.@{ionicons-prefix}help-circled:before, -.@{ionicons-prefix}home:before, -.@{ionicons-prefix}icecream:before, -.@{ionicons-prefix}image:before, -.@{ionicons-prefix}images:before, -.@{ionicons-prefix}information:before, -.@{ionicons-prefix}information-circled:before, -.@{ionicons-prefix}ionic:before, -.@{ionicons-prefix}ios-alarm:before, -.@{ionicons-prefix}ios-alarm-outline:before, -.@{ionicons-prefix}ios-albums:before, -.@{ionicons-prefix}ios-albums-outline:before, -.@{ionicons-prefix}ios-americanfootball:before, -.@{ionicons-prefix}ios-americanfootball-outline:before, -.@{ionicons-prefix}ios-analytics:before, -.@{ionicons-prefix}ios-analytics-outline:before, -.@{ionicons-prefix}ios-arrow-back:before, -.@{ionicons-prefix}ios-arrow-down:before, -.@{ionicons-prefix}ios-arrow-forward:before, -.@{ionicons-prefix}ios-arrow-left:before, -.@{ionicons-prefix}ios-arrow-right:before, -.@{ionicons-prefix}ios-arrow-thin-down:before, -.@{ionicons-prefix}ios-arrow-thin-left:before, -.@{ionicons-prefix}ios-arrow-thin-right:before, -.@{ionicons-prefix}ios-arrow-thin-up:before, -.@{ionicons-prefix}ios-arrow-up:before, -.@{ionicons-prefix}ios-at:before, -.@{ionicons-prefix}ios-at-outline:before, -.@{ionicons-prefix}ios-barcode:before, -.@{ionicons-prefix}ios-barcode-outline:before, -.@{ionicons-prefix}ios-baseball:before, -.@{ionicons-prefix}ios-baseball-outline:before, -.@{ionicons-prefix}ios-basketball:before, -.@{ionicons-prefix}ios-basketball-outline:before, -.@{ionicons-prefix}ios-bell:before, -.@{ionicons-prefix}ios-bell-outline:before, -.@{ionicons-prefix}ios-body:before, -.@{ionicons-prefix}ios-body-outline:before, -.@{ionicons-prefix}ios-bolt:before, -.@{ionicons-prefix}ios-bolt-outline:before, -.@{ionicons-prefix}ios-book:before, -.@{ionicons-prefix}ios-book-outline:before, -.@{ionicons-prefix}ios-bookmarks:before, -.@{ionicons-prefix}ios-bookmarks-outline:before, -.@{ionicons-prefix}ios-box:before, -.@{ionicons-prefix}ios-box-outline:before, -.@{ionicons-prefix}ios-briefcase:before, -.@{ionicons-prefix}ios-briefcase-outline:before, -.@{ionicons-prefix}ios-browsers:before, -.@{ionicons-prefix}ios-browsers-outline:before, -.@{ionicons-prefix}ios-calculator:before, -.@{ionicons-prefix}ios-calculator-outline:before, -.@{ionicons-prefix}ios-calendar:before, -.@{ionicons-prefix}ios-calendar-outline:before, -.@{ionicons-prefix}ios-camera:before, -.@{ionicons-prefix}ios-camera-outline:before, -.@{ionicons-prefix}ios-cart:before, -.@{ionicons-prefix}ios-cart-outline:before, -.@{ionicons-prefix}ios-chatboxes:before, -.@{ionicons-prefix}ios-chatboxes-outline:before, -.@{ionicons-prefix}ios-chatbubble:before, -.@{ionicons-prefix}ios-chatbubble-outline:before, -.@{ionicons-prefix}ios-checkmark:before, -.@{ionicons-prefix}ios-checkmark-empty:before, -.@{ionicons-prefix}ios-checkmark-outline:before, -.@{ionicons-prefix}ios-circle-filled:before, -.@{ionicons-prefix}ios-circle-outline:before, -.@{ionicons-prefix}ios-clock:before, -.@{ionicons-prefix}ios-clock-outline:before, -.@{ionicons-prefix}ios-close:before, -.@{ionicons-prefix}ios-close-empty:before, -.@{ionicons-prefix}ios-close-outline:before, -.@{ionicons-prefix}ios-cloud:before, -.@{ionicons-prefix}ios-cloud-download:before, -.@{ionicons-prefix}ios-cloud-download-outline:before, -.@{ionicons-prefix}ios-cloud-outline:before, -.@{ionicons-prefix}ios-cloud-upload:before, -.@{ionicons-prefix}ios-cloud-upload-outline:before, -.@{ionicons-prefix}ios-cloudy:before, -.@{ionicons-prefix}ios-cloudy-night:before, -.@{ionicons-prefix}ios-cloudy-night-outline:before, -.@{ionicons-prefix}ios-cloudy-outline:before, -.@{ionicons-prefix}ios-cog:before, -.@{ionicons-prefix}ios-cog-outline:before, -.@{ionicons-prefix}ios-color-filter:before, -.@{ionicons-prefix}ios-color-filter-outline:before, -.@{ionicons-prefix}ios-color-wand:before, -.@{ionicons-prefix}ios-color-wand-outline:before, -.@{ionicons-prefix}ios-compose:before, -.@{ionicons-prefix}ios-compose-outline:before, -.@{ionicons-prefix}ios-contact:before, -.@{ionicons-prefix}ios-contact-outline:before, -.@{ionicons-prefix}ios-copy:before, -.@{ionicons-prefix}ios-copy-outline:before, -.@{ionicons-prefix}ios-crop:before, -.@{ionicons-prefix}ios-crop-strong:before, -.@{ionicons-prefix}ios-download:before, -.@{ionicons-prefix}ios-download-outline:before, -.@{ionicons-prefix}ios-drag:before, -.@{ionicons-prefix}ios-email:before, -.@{ionicons-prefix}ios-email-outline:before, -.@{ionicons-prefix}ios-eye:before, -.@{ionicons-prefix}ios-eye-outline:before, -.@{ionicons-prefix}ios-fastforward:before, -.@{ionicons-prefix}ios-fastforward-outline:before, -.@{ionicons-prefix}ios-filing:before, -.@{ionicons-prefix}ios-filing-outline:before, -.@{ionicons-prefix}ios-film:before, -.@{ionicons-prefix}ios-film-outline:before, -.@{ionicons-prefix}ios-flag:before, -.@{ionicons-prefix}ios-flag-outline:before, -.@{ionicons-prefix}ios-flame:before, -.@{ionicons-prefix}ios-flame-outline:before, -.@{ionicons-prefix}ios-flask:before, -.@{ionicons-prefix}ios-flask-outline:before, -.@{ionicons-prefix}ios-flower:before, -.@{ionicons-prefix}ios-flower-outline:before, -.@{ionicons-prefix}ios-folder:before, -.@{ionicons-prefix}ios-folder-outline:before, -.@{ionicons-prefix}ios-football:before, -.@{ionicons-prefix}ios-football-outline:before, -.@{ionicons-prefix}ios-game-controller-a:before, -.@{ionicons-prefix}ios-game-controller-a-outline:before, -.@{ionicons-prefix}ios-game-controller-b:before, -.@{ionicons-prefix}ios-game-controller-b-outline:before, -.@{ionicons-prefix}ios-gear:before, -.@{ionicons-prefix}ios-gear-outline:before, -.@{ionicons-prefix}ios-glasses:before, -.@{ionicons-prefix}ios-glasses-outline:before, -.@{ionicons-prefix}ios-grid-view:before, -.@{ionicons-prefix}ios-grid-view-outline:before, -.@{ionicons-prefix}ios-heart:before, -.@{ionicons-prefix}ios-heart-outline:before, -.@{ionicons-prefix}ios-help:before, -.@{ionicons-prefix}ios-help-empty:before, -.@{ionicons-prefix}ios-help-outline:before, -.@{ionicons-prefix}ios-home:before, -.@{ionicons-prefix}ios-home-outline:before, -.@{ionicons-prefix}ios-infinite:before, -.@{ionicons-prefix}ios-infinite-outline:before, -.@{ionicons-prefix}ios-information:before, -.@{ionicons-prefix}ios-information-empty:before, -.@{ionicons-prefix}ios-information-outline:before, -.@{ionicons-prefix}ios-ionic-outline:before, -.@{ionicons-prefix}ios-keypad:before, -.@{ionicons-prefix}ios-keypad-outline:before, -.@{ionicons-prefix}ios-lightbulb:before, -.@{ionicons-prefix}ios-lightbulb-outline:before, -.@{ionicons-prefix}ios-list:before, -.@{ionicons-prefix}ios-list-outline:before, -.@{ionicons-prefix}ios-location:before, -.@{ionicons-prefix}ios-location-outline:before, -.@{ionicons-prefix}ios-locked:before, -.@{ionicons-prefix}ios-locked-outline:before, -.@{ionicons-prefix}ios-loop:before, -.@{ionicons-prefix}ios-loop-strong:before, -.@{ionicons-prefix}ios-medical:before, -.@{ionicons-prefix}ios-medical-outline:before, -.@{ionicons-prefix}ios-medkit:before, -.@{ionicons-prefix}ios-medkit-outline:before, -.@{ionicons-prefix}ios-mic:before, -.@{ionicons-prefix}ios-mic-off:before, -.@{ionicons-prefix}ios-mic-outline:before, -.@{ionicons-prefix}ios-minus:before, -.@{ionicons-prefix}ios-minus-empty:before, -.@{ionicons-prefix}ios-minus-outline:before, -.@{ionicons-prefix}ios-monitor:before, -.@{ionicons-prefix}ios-monitor-outline:before, -.@{ionicons-prefix}ios-moon:before, -.@{ionicons-prefix}ios-moon-outline:before, -.@{ionicons-prefix}ios-more:before, -.@{ionicons-prefix}ios-more-outline:before, -.@{ionicons-prefix}ios-musical-note:before, -.@{ionicons-prefix}ios-musical-notes:before, -.@{ionicons-prefix}ios-navigate:before, -.@{ionicons-prefix}ios-navigate-outline:before, -.@{ionicons-prefix}ios-nutrition:before, -.@{ionicons-prefix}ios-nutrition-outline:before, -.@{ionicons-prefix}ios-paper:before, -.@{ionicons-prefix}ios-paper-outline:before, -.@{ionicons-prefix}ios-paperplane:before, -.@{ionicons-prefix}ios-paperplane-outline:before, -.@{ionicons-prefix}ios-partlysunny:before, -.@{ionicons-prefix}ios-partlysunny-outline:before, -.@{ionicons-prefix}ios-pause:before, -.@{ionicons-prefix}ios-pause-outline:before, -.@{ionicons-prefix}ios-paw:before, -.@{ionicons-prefix}ios-paw-outline:before, -.@{ionicons-prefix}ios-people:before, -.@{ionicons-prefix}ios-people-outline:before, -.@{ionicons-prefix}ios-person:before, -.@{ionicons-prefix}ios-person-outline:before, -.@{ionicons-prefix}ios-personadd:before, -.@{ionicons-prefix}ios-personadd-outline:before, -.@{ionicons-prefix}ios-photos:before, -.@{ionicons-prefix}ios-photos-outline:before, -.@{ionicons-prefix}ios-pie:before, -.@{ionicons-prefix}ios-pie-outline:before, -.@{ionicons-prefix}ios-pint:before, -.@{ionicons-prefix}ios-pint-outline:before, -.@{ionicons-prefix}ios-play:before, -.@{ionicons-prefix}ios-play-outline:before, -.@{ionicons-prefix}ios-plus:before, -.@{ionicons-prefix}ios-plus-empty:before, -.@{ionicons-prefix}ios-plus-outline:before, -.@{ionicons-prefix}ios-pricetag:before, -.@{ionicons-prefix}ios-pricetag-outline:before, -.@{ionicons-prefix}ios-pricetags:before, -.@{ionicons-prefix}ios-pricetags-outline:before, -.@{ionicons-prefix}ios-printer:before, -.@{ionicons-prefix}ios-printer-outline:before, -.@{ionicons-prefix}ios-pulse:before, -.@{ionicons-prefix}ios-pulse-strong:before, -.@{ionicons-prefix}ios-rainy:before, -.@{ionicons-prefix}ios-rainy-outline:before, -.@{ionicons-prefix}ios-recording:before, -.@{ionicons-prefix}ios-recording-outline:before, -.@{ionicons-prefix}ios-redo:before, -.@{ionicons-prefix}ios-redo-outline:before, -.@{ionicons-prefix}ios-refresh:before, -.@{ionicons-prefix}ios-refresh-empty:before, -.@{ionicons-prefix}ios-refresh-outline:before, -.@{ionicons-prefix}ios-reload:before, -.@{ionicons-prefix}ios-reverse-camera:before, -.@{ionicons-prefix}ios-reverse-camera-outline:before, -.@{ionicons-prefix}ios-rewind:before, -.@{ionicons-prefix}ios-rewind-outline:before, -.@{ionicons-prefix}ios-rose:before, -.@{ionicons-prefix}ios-rose-outline:before, -.@{ionicons-prefix}ios-search:before, -.@{ionicons-prefix}ios-search-strong:before, -.@{ionicons-prefix}ios-settings:before, -.@{ionicons-prefix}ios-settings-strong:before, -.@{ionicons-prefix}ios-shuffle:before, -.@{ionicons-prefix}ios-shuffle-strong:before, -.@{ionicons-prefix}ios-skipbackward:before, -.@{ionicons-prefix}ios-skipbackward-outline:before, -.@{ionicons-prefix}ios-skipforward:before, -.@{ionicons-prefix}ios-skipforward-outline:before, -.@{ionicons-prefix}ios-snowy:before, -.@{ionicons-prefix}ios-speedometer:before, -.@{ionicons-prefix}ios-speedometer-outline:before, -.@{ionicons-prefix}ios-star:before, -.@{ionicons-prefix}ios-star-half:before, -.@{ionicons-prefix}ios-star-outline:before, -.@{ionicons-prefix}ios-stopwatch:before, -.@{ionicons-prefix}ios-stopwatch-outline:before, -.@{ionicons-prefix}ios-sunny:before, -.@{ionicons-prefix}ios-sunny-outline:before, -.@{ionicons-prefix}ios-telephone:before, -.@{ionicons-prefix}ios-telephone-outline:before, -.@{ionicons-prefix}ios-tennisball:before, -.@{ionicons-prefix}ios-tennisball-outline:before, -.@{ionicons-prefix}ios-thunderstorm:before, -.@{ionicons-prefix}ios-thunderstorm-outline:before, -.@{ionicons-prefix}ios-time:before, -.@{ionicons-prefix}ios-time-outline:before, -.@{ionicons-prefix}ios-timer:before, -.@{ionicons-prefix}ios-timer-outline:before, -.@{ionicons-prefix}ios-toggle:before, -.@{ionicons-prefix}ios-toggle-outline:before, -.@{ionicons-prefix}ios-trash:before, -.@{ionicons-prefix}ios-trash-outline:before, -.@{ionicons-prefix}ios-undo:before, -.@{ionicons-prefix}ios-undo-outline:before, -.@{ionicons-prefix}ios-unlocked:before, -.@{ionicons-prefix}ios-unlocked-outline:before, -.@{ionicons-prefix}ios-upload:before, -.@{ionicons-prefix}ios-upload-outline:before, -.@{ionicons-prefix}ios-videocam:before, -.@{ionicons-prefix}ios-videocam-outline:before, -.@{ionicons-prefix}ios-volume-high:before, -.@{ionicons-prefix}ios-volume-low:before, -.@{ionicons-prefix}ios-wineglass:before, -.@{ionicons-prefix}ios-wineglass-outline:before, -.@{ionicons-prefix}ios-world:before, -.@{ionicons-prefix}ios-world-outline:before, -.@{ionicons-prefix}ipad:before, -.@{ionicons-prefix}iphone:before, -.@{ionicons-prefix}ipod:before, -.@{ionicons-prefix}jet:before, -.@{ionicons-prefix}key:before, -.@{ionicons-prefix}knife:before, -.@{ionicons-prefix}laptop:before, -.@{ionicons-prefix}leaf:before, -.@{ionicons-prefix}levels:before, -.@{ionicons-prefix}lightbulb:before, -.@{ionicons-prefix}link:before, -.@{ionicons-prefix}load-a:before, -.@{ionicons-prefix}load-b:before, -.@{ionicons-prefix}load-c:before, -.@{ionicons-prefix}load-d:before, -.@{ionicons-prefix}location:before, -.@{ionicons-prefix}lock-combination:before, -.@{ionicons-prefix}locked:before, -.@{ionicons-prefix}log-in:before, -.@{ionicons-prefix}log-out:before, -.@{ionicons-prefix}loop:before, -.@{ionicons-prefix}magnet:before, -.@{ionicons-prefix}male:before, -.@{ionicons-prefix}man:before, -.@{ionicons-prefix}map:before, -.@{ionicons-prefix}medkit:before, -.@{ionicons-prefix}merge:before, -.@{ionicons-prefix}mic-a:before, -.@{ionicons-prefix}mic-b:before, -.@{ionicons-prefix}mic-c:before, -.@{ionicons-prefix}minus:before, -.@{ionicons-prefix}minus-circled:before, -.@{ionicons-prefix}minus-round:before, -.@{ionicons-prefix}model-s:before, -.@{ionicons-prefix}monitor:before, -.@{ionicons-prefix}more:before, -.@{ionicons-prefix}mouse:before, -.@{ionicons-prefix}music-note:before, -.@{ionicons-prefix}navicon:before, -.@{ionicons-prefix}navicon-round:before, -.@{ionicons-prefix}navigate:before, -.@{ionicons-prefix}network:before, -.@{ionicons-prefix}no-smoking:before, -.@{ionicons-prefix}nuclear:before, -.@{ionicons-prefix}outlet:before, -.@{ionicons-prefix}paintbrush:before, -.@{ionicons-prefix}paintbucket:before, -.@{ionicons-prefix}paper-airplane:before, -.@{ionicons-prefix}paperclip:before, -.@{ionicons-prefix}pause:before, -.@{ionicons-prefix}person:before, -.@{ionicons-prefix}person-add:before, -.@{ionicons-prefix}person-stalker:before, -.@{ionicons-prefix}pie-graph:before, -.@{ionicons-prefix}pin:before, -.@{ionicons-prefix}pinpoint:before, -.@{ionicons-prefix}pizza:before, -.@{ionicons-prefix}plane:before, -.@{ionicons-prefix}planet:before, -.@{ionicons-prefix}play:before, -.@{ionicons-prefix}playstation:before, -.@{ionicons-prefix}plus:before, -.@{ionicons-prefix}plus-circled:before, -.@{ionicons-prefix}plus-round:before, -.@{ionicons-prefix}podium:before, -.@{ionicons-prefix}pound:before, -.@{ionicons-prefix}power:before, -.@{ionicons-prefix}pricetag:before, -.@{ionicons-prefix}pricetags:before, -.@{ionicons-prefix}printer:before, -.@{ionicons-prefix}pull-request:before, -.@{ionicons-prefix}qr-scanner:before, -.@{ionicons-prefix}quote:before, -.@{ionicons-prefix}radio-waves:before, -.@{ionicons-prefix}record:before, -.@{ionicons-prefix}refresh:before, -.@{ionicons-prefix}reply:before, -.@{ionicons-prefix}reply-all:before, -.@{ionicons-prefix}ribbon-a:before, -.@{ionicons-prefix}ribbon-b:before, -.@{ionicons-prefix}sad:before, -.@{ionicons-prefix}sad-outline:before, -.@{ionicons-prefix}scissors:before, -.@{ionicons-prefix}search:before, -.@{ionicons-prefix}settings:before, -.@{ionicons-prefix}share:before, -.@{ionicons-prefix}shuffle:before, -.@{ionicons-prefix}skip-backward:before, -.@{ionicons-prefix}skip-forward:before, -.@{ionicons-prefix}social-android:before, -.@{ionicons-prefix}social-android-outline:before, -.@{ionicons-prefix}social-angular:before, -.@{ionicons-prefix}social-angular-outline:before, -.@{ionicons-prefix}social-apple:before, -.@{ionicons-prefix}social-apple-outline:before, -.@{ionicons-prefix}social-bitcoin:before, -.@{ionicons-prefix}social-bitcoin-outline:before, -.@{ionicons-prefix}social-buffer:before, -.@{ionicons-prefix}social-buffer-outline:before, -.@{ionicons-prefix}social-chrome:before, -.@{ionicons-prefix}social-chrome-outline:before, -.@{ionicons-prefix}social-codepen:before, -.@{ionicons-prefix}social-codepen-outline:before, -.@{ionicons-prefix}social-css3:before, -.@{ionicons-prefix}social-css3-outline:before, -.@{ionicons-prefix}social-designernews:before, -.@{ionicons-prefix}social-designernews-outline:before, -.@{ionicons-prefix}social-dribbble:before, -.@{ionicons-prefix}social-dribbble-outline:before, -.@{ionicons-prefix}social-dropbox:before, -.@{ionicons-prefix}social-dropbox-outline:before, -.@{ionicons-prefix}social-euro:before, -.@{ionicons-prefix}social-euro-outline:before, -.@{ionicons-prefix}social-facebook:before, -.@{ionicons-prefix}social-facebook-outline:before, -.@{ionicons-prefix}social-foursquare:before, -.@{ionicons-prefix}social-foursquare-outline:before, -.@{ionicons-prefix}social-freebsd-devil:before, -.@{ionicons-prefix}social-github:before, -.@{ionicons-prefix}social-github-outline:before, -.@{ionicons-prefix}social-google:before, -.@{ionicons-prefix}social-google-outline:before, -.@{ionicons-prefix}social-googleplus:before, -.@{ionicons-prefix}social-googleplus-outline:before, -.@{ionicons-prefix}social-hackernews:before, -.@{ionicons-prefix}social-hackernews-outline:before, -.@{ionicons-prefix}social-html5:before, -.@{ionicons-prefix}social-html5-outline:before, -.@{ionicons-prefix}social-instagram:before, -.@{ionicons-prefix}social-instagram-outline:before, -.@{ionicons-prefix}social-javascript:before, -.@{ionicons-prefix}social-javascript-outline:before, -.@{ionicons-prefix}social-linkedin:before, -.@{ionicons-prefix}social-linkedin-outline:before, -.@{ionicons-prefix}social-markdown:before, -.@{ionicons-prefix}social-nodejs:before, -.@{ionicons-prefix}social-octocat:before, -.@{ionicons-prefix}social-pinterest:before, -.@{ionicons-prefix}social-pinterest-outline:before, -.@{ionicons-prefix}social-python:before, -.@{ionicons-prefix}social-reddit:before, -.@{ionicons-prefix}social-reddit-outline:before, -.@{ionicons-prefix}social-rss:before, -.@{ionicons-prefix}social-rss-outline:before, -.@{ionicons-prefix}social-sass:before, -.@{ionicons-prefix}social-skype:before, -.@{ionicons-prefix}social-skype-outline:before, -.@{ionicons-prefix}social-snapchat:before, -.@{ionicons-prefix}social-snapchat-outline:before, -.@{ionicons-prefix}social-tumblr:before, -.@{ionicons-prefix}social-tumblr-outline:before, -.@{ionicons-prefix}social-tux:before, -.@{ionicons-prefix}social-twitch:before, -.@{ionicons-prefix}social-twitch-outline:before, -.@{ionicons-prefix}social-twitter:before, -.@{ionicons-prefix}social-twitter-outline:before, -.@{ionicons-prefix}social-usd:before, -.@{ionicons-prefix}social-usd-outline:before, -.@{ionicons-prefix}social-vimeo:before, -.@{ionicons-prefix}social-vimeo-outline:before, -.@{ionicons-prefix}social-whatsapp:before, -.@{ionicons-prefix}social-whatsapp-outline:before, -.@{ionicons-prefix}social-windows:before, -.@{ionicons-prefix}social-windows-outline:before, -.@{ionicons-prefix}social-wordpress:before, -.@{ionicons-prefix}social-wordpress-outline:before, -.@{ionicons-prefix}social-yahoo:before, -.@{ionicons-prefix}social-yahoo-outline:before, -.@{ionicons-prefix}social-yen:before, -.@{ionicons-prefix}social-yen-outline:before, -.@{ionicons-prefix}social-youtube:before, -.@{ionicons-prefix}social-youtube-outline:before, -.@{ionicons-prefix}soup-can:before, -.@{ionicons-prefix}soup-can-outline:before, -.@{ionicons-prefix}speakerphone:before, -.@{ionicons-prefix}speedometer:before, -.@{ionicons-prefix}spoon:before, -.@{ionicons-prefix}star:before, -.@{ionicons-prefix}stats-bars:before, -.@{ionicons-prefix}steam:before, -.@{ionicons-prefix}stop:before, -.@{ionicons-prefix}thermometer:before, -.@{ionicons-prefix}thumbsdown:before, -.@{ionicons-prefix}thumbsup:before, -.@{ionicons-prefix}toggle:before, -.@{ionicons-prefix}toggle-filled:before, -.@{ionicons-prefix}transgender:before, -.@{ionicons-prefix}trash-a:before, -.@{ionicons-prefix}trash-b:before, -.@{ionicons-prefix}trophy:before, -.@{ionicons-prefix}tshirt:before, -.@{ionicons-prefix}tshirt-outline:before, -.@{ionicons-prefix}umbrella:before, -.@{ionicons-prefix}university:before, -.@{ionicons-prefix}unlocked:before, -.@{ionicons-prefix}upload:before, -.@{ionicons-prefix}usb:before, -.@{ionicons-prefix}videocamera:before, -.@{ionicons-prefix}volume-high:before, -.@{ionicons-prefix}volume-low:before, -.@{ionicons-prefix}volume-medium:before, -.@{ionicons-prefix}volume-mute:before, -.@{ionicons-prefix}wand:before, -.@{ionicons-prefix}waterdrop:before, -.@{ionicons-prefix}wifi:before, -.@{ionicons-prefix}wineglass:before, -.@{ionicons-prefix}woman:before, -.@{ionicons-prefix}wrench:before, -.@{ionicons-prefix}xbox:before -{ - &:extend(.ion); -} -.@{ionicons-prefix}alert:before { content: @ionicon-var-alert; } -.@{ionicons-prefix}alert-circled:before { content: @ionicon-var-alert-circled; } -.@{ionicons-prefix}android-add:before { content: @ionicon-var-android-add; } -.@{ionicons-prefix}android-add-circle:before { content: @ionicon-var-android-add-circle; } -.@{ionicons-prefix}android-alarm-clock:before { content: @ionicon-var-android-alarm-clock; } -.@{ionicons-prefix}android-alert:before { content: @ionicon-var-android-alert; } -.@{ionicons-prefix}android-apps:before { content: @ionicon-var-android-apps; } -.@{ionicons-prefix}android-archive:before { content: @ionicon-var-android-archive; } -.@{ionicons-prefix}android-arrow-back:before { content: @ionicon-var-android-arrow-back; } -.@{ionicons-prefix}android-arrow-down:before { content: @ionicon-var-android-arrow-down; } -.@{ionicons-prefix}android-arrow-dropdown:before { content: @ionicon-var-android-arrow-dropdown; } -.@{ionicons-prefix}android-arrow-dropdown-circle:before { content: @ionicon-var-android-arrow-dropdown-circle; } -.@{ionicons-prefix}android-arrow-dropleft:before { content: @ionicon-var-android-arrow-dropleft; } -.@{ionicons-prefix}android-arrow-dropleft-circle:before { content: @ionicon-var-android-arrow-dropleft-circle; } -.@{ionicons-prefix}android-arrow-dropright:before { content: @ionicon-var-android-arrow-dropright; } -.@{ionicons-prefix}android-arrow-dropright-circle:before { content: @ionicon-var-android-arrow-dropright-circle; } -.@{ionicons-prefix}android-arrow-dropup:before { content: @ionicon-var-android-arrow-dropup; } -.@{ionicons-prefix}android-arrow-dropup-circle:before { content: @ionicon-var-android-arrow-dropup-circle; } -.@{ionicons-prefix}android-arrow-forward:before { content: @ionicon-var-android-arrow-forward; } -.@{ionicons-prefix}android-arrow-up:before { content: @ionicon-var-android-arrow-up; } -.@{ionicons-prefix}android-attach:before { content: @ionicon-var-android-attach; } -.@{ionicons-prefix}android-bar:before { content: @ionicon-var-android-bar; } -.@{ionicons-prefix}android-bicycle:before { content: @ionicon-var-android-bicycle; } -.@{ionicons-prefix}android-boat:before { content: @ionicon-var-android-boat; } -.@{ionicons-prefix}android-bookmark:before { content: @ionicon-var-android-bookmark; } -.@{ionicons-prefix}android-bulb:before { content: @ionicon-var-android-bulb; } -.@{ionicons-prefix}android-bus:before { content: @ionicon-var-android-bus; } -.@{ionicons-prefix}android-calendar:before { content: @ionicon-var-android-calendar; } -.@{ionicons-prefix}android-call:before { content: @ionicon-var-android-call; } -.@{ionicons-prefix}android-camera:before { content: @ionicon-var-android-camera; } -.@{ionicons-prefix}android-cancel:before { content: @ionicon-var-android-cancel; } -.@{ionicons-prefix}android-car:before { content: @ionicon-var-android-car; } -.@{ionicons-prefix}android-cart:before { content: @ionicon-var-android-cart; } -.@{ionicons-prefix}android-chat:before { content: @ionicon-var-android-chat; } -.@{ionicons-prefix}android-checkbox:before { content: @ionicon-var-android-checkbox; } -.@{ionicons-prefix}android-checkbox-blank:before { content: @ionicon-var-android-checkbox-blank; } -.@{ionicons-prefix}android-checkbox-outline:before { content: @ionicon-var-android-checkbox-outline; } -.@{ionicons-prefix}android-checkbox-outline-blank:before { content: @ionicon-var-android-checkbox-outline-blank; } -.@{ionicons-prefix}android-checkmark-circle:before { content: @ionicon-var-android-checkmark-circle; } -.@{ionicons-prefix}android-clipboard:before { content: @ionicon-var-android-clipboard; } -.@{ionicons-prefix}android-close:before { content: @ionicon-var-android-close; } -.@{ionicons-prefix}android-cloud:before { content: @ionicon-var-android-cloud; } -.@{ionicons-prefix}android-cloud-circle:before { content: @ionicon-var-android-cloud-circle; } -.@{ionicons-prefix}android-cloud-done:before { content: @ionicon-var-android-cloud-done; } -.@{ionicons-prefix}android-cloud-outline:before { content: @ionicon-var-android-cloud-outline; } -.@{ionicons-prefix}android-color-palette:before { content: @ionicon-var-android-color-palette; } -.@{ionicons-prefix}android-compass:before { content: @ionicon-var-android-compass; } -.@{ionicons-prefix}android-contact:before { content: @ionicon-var-android-contact; } -.@{ionicons-prefix}android-contacts:before { content: @ionicon-var-android-contacts; } -.@{ionicons-prefix}android-contract:before { content: @ionicon-var-android-contract; } -.@{ionicons-prefix}android-create:before { content: @ionicon-var-android-create; } -.@{ionicons-prefix}android-delete:before { content: @ionicon-var-android-delete; } -.@{ionicons-prefix}android-desktop:before { content: @ionicon-var-android-desktop; } -.@{ionicons-prefix}android-document:before { content: @ionicon-var-android-document; } -.@{ionicons-prefix}android-done:before { content: @ionicon-var-android-done; } -.@{ionicons-prefix}android-done-all:before { content: @ionicon-var-android-done-all; } -.@{ionicons-prefix}android-download:before { content: @ionicon-var-android-download; } -.@{ionicons-prefix}android-drafts:before { content: @ionicon-var-android-drafts; } -.@{ionicons-prefix}android-exit:before { content: @ionicon-var-android-exit; } -.@{ionicons-prefix}android-expand:before { content: @ionicon-var-android-expand; } -.@{ionicons-prefix}android-favorite:before { content: @ionicon-var-android-favorite; } -.@{ionicons-prefix}android-favorite-outline:before { content: @ionicon-var-android-favorite-outline; } -.@{ionicons-prefix}android-film:before { content: @ionicon-var-android-film; } -.@{ionicons-prefix}android-folder:before { content: @ionicon-var-android-folder; } -.@{ionicons-prefix}android-folder-open:before { content: @ionicon-var-android-folder-open; } -.@{ionicons-prefix}android-funnel:before { content: @ionicon-var-android-funnel; } -.@{ionicons-prefix}android-globe:before { content: @ionicon-var-android-globe; } -.@{ionicons-prefix}android-hand:before { content: @ionicon-var-android-hand; } -.@{ionicons-prefix}android-hangout:before { content: @ionicon-var-android-hangout; } -.@{ionicons-prefix}android-happy:before { content: @ionicon-var-android-happy; } -.@{ionicons-prefix}android-home:before { content: @ionicon-var-android-home; } -.@{ionicons-prefix}android-image:before { content: @ionicon-var-android-image; } -.@{ionicons-prefix}android-laptop:before { content: @ionicon-var-android-laptop; } -.@{ionicons-prefix}android-list:before { content: @ionicon-var-android-list; } -.@{ionicons-prefix}android-locate:before { content: @ionicon-var-android-locate; } -.@{ionicons-prefix}android-lock:before { content: @ionicon-var-android-lock; } -.@{ionicons-prefix}android-mail:before { content: @ionicon-var-android-mail; } -.@{ionicons-prefix}android-map:before { content: @ionicon-var-android-map; } -.@{ionicons-prefix}android-menu:before { content: @ionicon-var-android-menu; } -.@{ionicons-prefix}android-microphone:before { content: @ionicon-var-android-microphone; } -.@{ionicons-prefix}android-microphone-off:before { content: @ionicon-var-android-microphone-off; } -.@{ionicons-prefix}android-more-horizontal:before { content: @ionicon-var-android-more-horizontal; } -.@{ionicons-prefix}android-more-vertical:before { content: @ionicon-var-android-more-vertical; } -.@{ionicons-prefix}android-navigate:before { content: @ionicon-var-android-navigate; } -.@{ionicons-prefix}android-notifications:before { content: @ionicon-var-android-notifications; } -.@{ionicons-prefix}android-notifications-none:before { content: @ionicon-var-android-notifications-none; } -.@{ionicons-prefix}android-notifications-off:before { content: @ionicon-var-android-notifications-off; } -.@{ionicons-prefix}android-open:before { content: @ionicon-var-android-open; } -.@{ionicons-prefix}android-options:before { content: @ionicon-var-android-options; } -.@{ionicons-prefix}android-people:before { content: @ionicon-var-android-people; } -.@{ionicons-prefix}android-person:before { content: @ionicon-var-android-person; } -.@{ionicons-prefix}android-person-add:before { content: @ionicon-var-android-person-add; } -.@{ionicons-prefix}android-phone-landscape:before { content: @ionicon-var-android-phone-landscape; } -.@{ionicons-prefix}android-phone-portrait:before { content: @ionicon-var-android-phone-portrait; } -.@{ionicons-prefix}android-pin:before { content: @ionicon-var-android-pin; } -.@{ionicons-prefix}android-plane:before { content: @ionicon-var-android-plane; } -.@{ionicons-prefix}android-playstore:before { content: @ionicon-var-android-playstore; } -.@{ionicons-prefix}android-print:before { content: @ionicon-var-android-print; } -.@{ionicons-prefix}android-radio-button-off:before { content: @ionicon-var-android-radio-button-off; } -.@{ionicons-prefix}android-radio-button-on:before { content: @ionicon-var-android-radio-button-on; } -.@{ionicons-prefix}android-refresh:before { content: @ionicon-var-android-refresh; } -.@{ionicons-prefix}android-remove:before { content: @ionicon-var-android-remove; } -.@{ionicons-prefix}android-remove-circle:before { content: @ionicon-var-android-remove-circle; } -.@{ionicons-prefix}android-restaurant:before { content: @ionicon-var-android-restaurant; } -.@{ionicons-prefix}android-sad:before { content: @ionicon-var-android-sad; } -.@{ionicons-prefix}android-search:before { content: @ionicon-var-android-search; } -.@{ionicons-prefix}android-send:before { content: @ionicon-var-android-send; } -.@{ionicons-prefix}android-settings:before { content: @ionicon-var-android-settings; } -.@{ionicons-prefix}android-share:before { content: @ionicon-var-android-share; } -.@{ionicons-prefix}android-share-alt:before { content: @ionicon-var-android-share-alt; } -.@{ionicons-prefix}android-star:before { content: @ionicon-var-android-star; } -.@{ionicons-prefix}android-star-half:before { content: @ionicon-var-android-star-half; } -.@{ionicons-prefix}android-star-outline:before { content: @ionicon-var-android-star-outline; } -.@{ionicons-prefix}android-stopwatch:before { content: @ionicon-var-android-stopwatch; } -.@{ionicons-prefix}android-subway:before { content: @ionicon-var-android-subway; } -.@{ionicons-prefix}android-sunny:before { content: @ionicon-var-android-sunny; } -.@{ionicons-prefix}android-sync:before { content: @ionicon-var-android-sync; } -.@{ionicons-prefix}android-textsms:before { content: @ionicon-var-android-textsms; } -.@{ionicons-prefix}android-time:before { content: @ionicon-var-android-time; } -.@{ionicons-prefix}android-train:before { content: @ionicon-var-android-train; } -.@{ionicons-prefix}android-unlock:before { content: @ionicon-var-android-unlock; } -.@{ionicons-prefix}android-upload:before { content: @ionicon-var-android-upload; } -.@{ionicons-prefix}android-volume-down:before { content: @ionicon-var-android-volume-down; } -.@{ionicons-prefix}android-volume-mute:before { content: @ionicon-var-android-volume-mute; } -.@{ionicons-prefix}android-volume-off:before { content: @ionicon-var-android-volume-off; } -.@{ionicons-prefix}android-volume-up:before { content: @ionicon-var-android-volume-up; } -.@{ionicons-prefix}android-walk:before { content: @ionicon-var-android-walk; } -.@{ionicons-prefix}android-warning:before { content: @ionicon-var-android-warning; } -.@{ionicons-prefix}android-watch:before { content: @ionicon-var-android-watch; } -.@{ionicons-prefix}android-wifi:before { content: @ionicon-var-android-wifi; } -.@{ionicons-prefix}aperture:before { content: @ionicon-var-aperture; } -.@{ionicons-prefix}archive:before { content: @ionicon-var-archive; } -.@{ionicons-prefix}arrow-down-a:before { content: @ionicon-var-arrow-down-a; } -.@{ionicons-prefix}arrow-down-b:before { content: @ionicon-var-arrow-down-b; } -.@{ionicons-prefix}arrow-down-c:before { content: @ionicon-var-arrow-down-c; } -.@{ionicons-prefix}arrow-expand:before { content: @ionicon-var-arrow-expand; } -.@{ionicons-prefix}arrow-graph-down-left:before { content: @ionicon-var-arrow-graph-down-left; } -.@{ionicons-prefix}arrow-graph-down-right:before { content: @ionicon-var-arrow-graph-down-right; } -.@{ionicons-prefix}arrow-graph-up-left:before { content: @ionicon-var-arrow-graph-up-left; } -.@{ionicons-prefix}arrow-graph-up-right:before { content: @ionicon-var-arrow-graph-up-right; } -.@{ionicons-prefix}arrow-left-a:before { content: @ionicon-var-arrow-left-a; } -.@{ionicons-prefix}arrow-left-b:before { content: @ionicon-var-arrow-left-b; } -.@{ionicons-prefix}arrow-left-c:before { content: @ionicon-var-arrow-left-c; } -.@{ionicons-prefix}arrow-move:before { content: @ionicon-var-arrow-move; } -.@{ionicons-prefix}arrow-resize:before { content: @ionicon-var-arrow-resize; } -.@{ionicons-prefix}arrow-return-left:before { content: @ionicon-var-arrow-return-left; } -.@{ionicons-prefix}arrow-return-right:before { content: @ionicon-var-arrow-return-right; } -.@{ionicons-prefix}arrow-right-a:before { content: @ionicon-var-arrow-right-a; } -.@{ionicons-prefix}arrow-right-b:before { content: @ionicon-var-arrow-right-b; } -.@{ionicons-prefix}arrow-right-c:before { content: @ionicon-var-arrow-right-c; } -.@{ionicons-prefix}arrow-shrink:before { content: @ionicon-var-arrow-shrink; } -.@{ionicons-prefix}arrow-swap:before { content: @ionicon-var-arrow-swap; } -.@{ionicons-prefix}arrow-up-a:before { content: @ionicon-var-arrow-up-a; } -.@{ionicons-prefix}arrow-up-b:before { content: @ionicon-var-arrow-up-b; } -.@{ionicons-prefix}arrow-up-c:before { content: @ionicon-var-arrow-up-c; } -.@{ionicons-prefix}asterisk:before { content: @ionicon-var-asterisk; } -.@{ionicons-prefix}at:before { content: @ionicon-var-at; } -.@{ionicons-prefix}backspace:before { content: @ionicon-var-backspace; } -.@{ionicons-prefix}backspace-outline:before { content: @ionicon-var-backspace-outline; } -.@{ionicons-prefix}bag:before { content: @ionicon-var-bag; } -.@{ionicons-prefix}battery-charging:before { content: @ionicon-var-battery-charging; } -.@{ionicons-prefix}battery-empty:before { content: @ionicon-var-battery-empty; } -.@{ionicons-prefix}battery-full:before { content: @ionicon-var-battery-full; } -.@{ionicons-prefix}battery-half:before { content: @ionicon-var-battery-half; } -.@{ionicons-prefix}battery-low:before { content: @ionicon-var-battery-low; } -.@{ionicons-prefix}beaker:before { content: @ionicon-var-beaker; } -.@{ionicons-prefix}beer:before { content: @ionicon-var-beer; } -.@{ionicons-prefix}bluetooth:before { content: @ionicon-var-bluetooth; } -.@{ionicons-prefix}bonfire:before { content: @ionicon-var-bonfire; } -.@{ionicons-prefix}bookmark:before { content: @ionicon-var-bookmark; } -.@{ionicons-prefix}bowtie:before { content: @ionicon-var-bowtie; } -.@{ionicons-prefix}briefcase:before { content: @ionicon-var-briefcase; } -.@{ionicons-prefix}bug:before { content: @ionicon-var-bug; } -.@{ionicons-prefix}calculator:before { content: @ionicon-var-calculator; } -.@{ionicons-prefix}calendar:before { content: @ionicon-var-calendar; } -.@{ionicons-prefix}camera:before { content: @ionicon-var-camera; } -.@{ionicons-prefix}card:before { content: @ionicon-var-card; } -.@{ionicons-prefix}cash:before { content: @ionicon-var-cash; } -.@{ionicons-prefix}chatbox:before { content: @ionicon-var-chatbox; } -.@{ionicons-prefix}chatbox-working:before { content: @ionicon-var-chatbox-working; } -.@{ionicons-prefix}chatboxes:before { content: @ionicon-var-chatboxes; } -.@{ionicons-prefix}chatbubble:before { content: @ionicon-var-chatbubble; } -.@{ionicons-prefix}chatbubble-working:before { content: @ionicon-var-chatbubble-working; } -.@{ionicons-prefix}chatbubbles:before { content: @ionicon-var-chatbubbles; } -.@{ionicons-prefix}checkmark:before { content: @ionicon-var-checkmark; } -.@{ionicons-prefix}checkmark-circled:before { content: @ionicon-var-checkmark-circled; } -.@{ionicons-prefix}checkmark-round:before { content: @ionicon-var-checkmark-round; } -.@{ionicons-prefix}chevron-down:before { content: @ionicon-var-chevron-down; } -.@{ionicons-prefix}chevron-left:before { content: @ionicon-var-chevron-left; } -.@{ionicons-prefix}chevron-right:before { content: @ionicon-var-chevron-right; } -.@{ionicons-prefix}chevron-up:before { content: @ionicon-var-chevron-up; } -.@{ionicons-prefix}clipboard:before { content: @ionicon-var-clipboard; } -.@{ionicons-prefix}clock:before { content: @ionicon-var-clock; } -.@{ionicons-prefix}close:before { content: @ionicon-var-close; } -.@{ionicons-prefix}close-circled:before { content: @ionicon-var-close-circled; } -.@{ionicons-prefix}close-round:before { content: @ionicon-var-close-round; } -.@{ionicons-prefix}closed-captioning:before { content: @ionicon-var-closed-captioning; } -.@{ionicons-prefix}cloud:before { content: @ionicon-var-cloud; } -.@{ionicons-prefix}code:before { content: @ionicon-var-code; } -.@{ionicons-prefix}code-download:before { content: @ionicon-var-code-download; } -.@{ionicons-prefix}code-working:before { content: @ionicon-var-code-working; } -.@{ionicons-prefix}coffee:before { content: @ionicon-var-coffee; } -.@{ionicons-prefix}compass:before { content: @ionicon-var-compass; } -.@{ionicons-prefix}compose:before { content: @ionicon-var-compose; } -.@{ionicons-prefix}connection-bars:before { content: @ionicon-var-connection-bars; } -.@{ionicons-prefix}contrast:before { content: @ionicon-var-contrast; } -.@{ionicons-prefix}crop:before { content: @ionicon-var-crop; } -.@{ionicons-prefix}cube:before { content: @ionicon-var-cube; } -.@{ionicons-prefix}disc:before { content: @ionicon-var-disc; } -.@{ionicons-prefix}document:before { content: @ionicon-var-document; } -.@{ionicons-prefix}document-text:before { content: @ionicon-var-document-text; } -.@{ionicons-prefix}drag:before { content: @ionicon-var-drag; } -.@{ionicons-prefix}earth:before { content: @ionicon-var-earth; } -.@{ionicons-prefix}easel:before { content: @ionicon-var-easel; } -.@{ionicons-prefix}edit:before { content: @ionicon-var-edit; } -.@{ionicons-prefix}egg:before { content: @ionicon-var-egg; } -.@{ionicons-prefix}eject:before { content: @ionicon-var-eject; } -.@{ionicons-prefix}email:before { content: @ionicon-var-email; } -.@{ionicons-prefix}email-unread:before { content: @ionicon-var-email-unread; } -.@{ionicons-prefix}erlenmeyer-flask:before { content: @ionicon-var-erlenmeyer-flask; } -.@{ionicons-prefix}erlenmeyer-flask-bubbles:before { content: @ionicon-var-erlenmeyer-flask-bubbles; } -.@{ionicons-prefix}eye:before { content: @ionicon-var-eye; } -.@{ionicons-prefix}eye-disabled:before { content: @ionicon-var-eye-disabled; } -.@{ionicons-prefix}female:before { content: @ionicon-var-female; } -.@{ionicons-prefix}filing:before { content: @ionicon-var-filing; } -.@{ionicons-prefix}film-marker:before { content: @ionicon-var-film-marker; } -.@{ionicons-prefix}fireball:before { content: @ionicon-var-fireball; } -.@{ionicons-prefix}flag:before { content: @ionicon-var-flag; } -.@{ionicons-prefix}flame:before { content: @ionicon-var-flame; } -.@{ionicons-prefix}flash:before { content: @ionicon-var-flash; } -.@{ionicons-prefix}flash-off:before { content: @ionicon-var-flash-off; } -.@{ionicons-prefix}folder:before { content: @ionicon-var-folder; } -.@{ionicons-prefix}fork:before { content: @ionicon-var-fork; } -.@{ionicons-prefix}fork-repo:before { content: @ionicon-var-fork-repo; } -.@{ionicons-prefix}forward:before { content: @ionicon-var-forward; } -.@{ionicons-prefix}funnel:before { content: @ionicon-var-funnel; } -.@{ionicons-prefix}gear-a:before { content: @ionicon-var-gear-a; } -.@{ionicons-prefix}gear-b:before { content: @ionicon-var-gear-b; } -.@{ionicons-prefix}grid:before { content: @ionicon-var-grid; } -.@{ionicons-prefix}hammer:before { content: @ionicon-var-hammer; } -.@{ionicons-prefix}happy:before { content: @ionicon-var-happy; } -.@{ionicons-prefix}happy-outline:before { content: @ionicon-var-happy-outline; } -.@{ionicons-prefix}headphone:before { content: @ionicon-var-headphone; } -.@{ionicons-prefix}heart:before { content: @ionicon-var-heart; } -.@{ionicons-prefix}heart-broken:before { content: @ionicon-var-heart-broken; } -.@{ionicons-prefix}help:before { content: @ionicon-var-help; } -.@{ionicons-prefix}help-buoy:before { content: @ionicon-var-help-buoy; } -.@{ionicons-prefix}help-circled:before { content: @ionicon-var-help-circled; } -.@{ionicons-prefix}home:before { content: @ionicon-var-home; } -.@{ionicons-prefix}icecream:before { content: @ionicon-var-icecream; } -.@{ionicons-prefix}image:before { content: @ionicon-var-image; } -.@{ionicons-prefix}images:before { content: @ionicon-var-images; } -.@{ionicons-prefix}information:before { content: @ionicon-var-information; } -.@{ionicons-prefix}information-circled:before { content: @ionicon-var-information-circled; } -.@{ionicons-prefix}ionic:before { content: @ionicon-var-ionic; } -.@{ionicons-prefix}ios-alarm:before { content: @ionicon-var-ios-alarm; } -.@{ionicons-prefix}ios-alarm-outline:before { content: @ionicon-var-ios-alarm-outline; } -.@{ionicons-prefix}ios-albums:before { content: @ionicon-var-ios-albums; } -.@{ionicons-prefix}ios-albums-outline:before { content: @ionicon-var-ios-albums-outline; } -.@{ionicons-prefix}ios-americanfootball:before { content: @ionicon-var-ios-americanfootball; } -.@{ionicons-prefix}ios-americanfootball-outline:before { content: @ionicon-var-ios-americanfootball-outline; } -.@{ionicons-prefix}ios-analytics:before { content: @ionicon-var-ios-analytics; } -.@{ionicons-prefix}ios-analytics-outline:before { content: @ionicon-var-ios-analytics-outline; } -.@{ionicons-prefix}ios-arrow-back:before { content: @ionicon-var-ios-arrow-back; } -.@{ionicons-prefix}ios-arrow-down:before { content: @ionicon-var-ios-arrow-down; } -.@{ionicons-prefix}ios-arrow-forward:before { content: @ionicon-var-ios-arrow-forward; } -.@{ionicons-prefix}ios-arrow-left:before { content: @ionicon-var-ios-arrow-left; } -.@{ionicons-prefix}ios-arrow-right:before { content: @ionicon-var-ios-arrow-right; } -.@{ionicons-prefix}ios-arrow-thin-down:before { content: @ionicon-var-ios-arrow-thin-down; } -.@{ionicons-prefix}ios-arrow-thin-left:before { content: @ionicon-var-ios-arrow-thin-left; } -.@{ionicons-prefix}ios-arrow-thin-right:before { content: @ionicon-var-ios-arrow-thin-right; } -.@{ionicons-prefix}ios-arrow-thin-up:before { content: @ionicon-var-ios-arrow-thin-up; } -.@{ionicons-prefix}ios-arrow-up:before { content: @ionicon-var-ios-arrow-up; } -.@{ionicons-prefix}ios-at:before { content: @ionicon-var-ios-at; } -.@{ionicons-prefix}ios-at-outline:before { content: @ionicon-var-ios-at-outline; } -.@{ionicons-prefix}ios-barcode:before { content: @ionicon-var-ios-barcode; } -.@{ionicons-prefix}ios-barcode-outline:before { content: @ionicon-var-ios-barcode-outline; } -.@{ionicons-prefix}ios-baseball:before { content: @ionicon-var-ios-baseball; } -.@{ionicons-prefix}ios-baseball-outline:before { content: @ionicon-var-ios-baseball-outline; } -.@{ionicons-prefix}ios-basketball:before { content: @ionicon-var-ios-basketball; } -.@{ionicons-prefix}ios-basketball-outline:before { content: @ionicon-var-ios-basketball-outline; } -.@{ionicons-prefix}ios-bell:before { content: @ionicon-var-ios-bell; } -.@{ionicons-prefix}ios-bell-outline:before { content: @ionicon-var-ios-bell-outline; } -.@{ionicons-prefix}ios-body:before { content: @ionicon-var-ios-body; } -.@{ionicons-prefix}ios-body-outline:before { content: @ionicon-var-ios-body-outline; } -.@{ionicons-prefix}ios-bolt:before { content: @ionicon-var-ios-bolt; } -.@{ionicons-prefix}ios-bolt-outline:before { content: @ionicon-var-ios-bolt-outline; } -.@{ionicons-prefix}ios-book:before { content: @ionicon-var-ios-book; } -.@{ionicons-prefix}ios-book-outline:before { content: @ionicon-var-ios-book-outline; } -.@{ionicons-prefix}ios-bookmarks:before { content: @ionicon-var-ios-bookmarks; } -.@{ionicons-prefix}ios-bookmarks-outline:before { content: @ionicon-var-ios-bookmarks-outline; } -.@{ionicons-prefix}ios-box:before { content: @ionicon-var-ios-box; } -.@{ionicons-prefix}ios-box-outline:before { content: @ionicon-var-ios-box-outline; } -.@{ionicons-prefix}ios-briefcase:before { content: @ionicon-var-ios-briefcase; } -.@{ionicons-prefix}ios-briefcase-outline:before { content: @ionicon-var-ios-briefcase-outline; } -.@{ionicons-prefix}ios-browsers:before { content: @ionicon-var-ios-browsers; } -.@{ionicons-prefix}ios-browsers-outline:before { content: @ionicon-var-ios-browsers-outline; } -.@{ionicons-prefix}ios-calculator:before { content: @ionicon-var-ios-calculator; } -.@{ionicons-prefix}ios-calculator-outline:before { content: @ionicon-var-ios-calculator-outline; } -.@{ionicons-prefix}ios-calendar:before { content: @ionicon-var-ios-calendar; } -.@{ionicons-prefix}ios-calendar-outline:before { content: @ionicon-var-ios-calendar-outline; } -.@{ionicons-prefix}ios-camera:before { content: @ionicon-var-ios-camera; } -.@{ionicons-prefix}ios-camera-outline:before { content: @ionicon-var-ios-camera-outline; } -.@{ionicons-prefix}ios-cart:before { content: @ionicon-var-ios-cart; } -.@{ionicons-prefix}ios-cart-outline:before { content: @ionicon-var-ios-cart-outline; } -.@{ionicons-prefix}ios-chatboxes:before { content: @ionicon-var-ios-chatboxes; } -.@{ionicons-prefix}ios-chatboxes-outline:before { content: @ionicon-var-ios-chatboxes-outline; } -.@{ionicons-prefix}ios-chatbubble:before { content: @ionicon-var-ios-chatbubble; } -.@{ionicons-prefix}ios-chatbubble-outline:before { content: @ionicon-var-ios-chatbubble-outline; } -.@{ionicons-prefix}ios-checkmark:before { content: @ionicon-var-ios-checkmark; } -.@{ionicons-prefix}ios-checkmark-empty:before { content: @ionicon-var-ios-checkmark-empty; } -.@{ionicons-prefix}ios-checkmark-outline:before { content: @ionicon-var-ios-checkmark-outline; } -.@{ionicons-prefix}ios-circle-filled:before { content: @ionicon-var-ios-circle-filled; } -.@{ionicons-prefix}ios-circle-outline:before { content: @ionicon-var-ios-circle-outline; } -.@{ionicons-prefix}ios-clock:before { content: @ionicon-var-ios-clock; } -.@{ionicons-prefix}ios-clock-outline:before { content: @ionicon-var-ios-clock-outline; } -.@{ionicons-prefix}ios-close:before { content: @ionicon-var-ios-close; } -.@{ionicons-prefix}ios-close-empty:before { content: @ionicon-var-ios-close-empty; } -.@{ionicons-prefix}ios-close-outline:before { content: @ionicon-var-ios-close-outline; } -.@{ionicons-prefix}ios-cloud:before { content: @ionicon-var-ios-cloud; } -.@{ionicons-prefix}ios-cloud-download:before { content: @ionicon-var-ios-cloud-download; } -.@{ionicons-prefix}ios-cloud-download-outline:before { content: @ionicon-var-ios-cloud-download-outline; } -.@{ionicons-prefix}ios-cloud-outline:before { content: @ionicon-var-ios-cloud-outline; } -.@{ionicons-prefix}ios-cloud-upload:before { content: @ionicon-var-ios-cloud-upload; } -.@{ionicons-prefix}ios-cloud-upload-outline:before { content: @ionicon-var-ios-cloud-upload-outline; } -.@{ionicons-prefix}ios-cloudy:before { content: @ionicon-var-ios-cloudy; } -.@{ionicons-prefix}ios-cloudy-night:before { content: @ionicon-var-ios-cloudy-night; } -.@{ionicons-prefix}ios-cloudy-night-outline:before { content: @ionicon-var-ios-cloudy-night-outline; } -.@{ionicons-prefix}ios-cloudy-outline:before { content: @ionicon-var-ios-cloudy-outline; } -.@{ionicons-prefix}ios-cog:before { content: @ionicon-var-ios-cog; } -.@{ionicons-prefix}ios-cog-outline:before { content: @ionicon-var-ios-cog-outline; } -.@{ionicons-prefix}ios-color-filter:before { content: @ionicon-var-ios-color-filter; } -.@{ionicons-prefix}ios-color-filter-outline:before { content: @ionicon-var-ios-color-filter-outline; } -.@{ionicons-prefix}ios-color-wand:before { content: @ionicon-var-ios-color-wand; } -.@{ionicons-prefix}ios-color-wand-outline:before { content: @ionicon-var-ios-color-wand-outline; } -.@{ionicons-prefix}ios-compose:before { content: @ionicon-var-ios-compose; } -.@{ionicons-prefix}ios-compose-outline:before { content: @ionicon-var-ios-compose-outline; } -.@{ionicons-prefix}ios-contact:before { content: @ionicon-var-ios-contact; } -.@{ionicons-prefix}ios-contact-outline:before { content: @ionicon-var-ios-contact-outline; } -.@{ionicons-prefix}ios-copy:before { content: @ionicon-var-ios-copy; } -.@{ionicons-prefix}ios-copy-outline:before { content: @ionicon-var-ios-copy-outline; } -.@{ionicons-prefix}ios-crop:before { content: @ionicon-var-ios-crop; } -.@{ionicons-prefix}ios-crop-strong:before { content: @ionicon-var-ios-crop-strong; } -.@{ionicons-prefix}ios-download:before { content: @ionicon-var-ios-download; } -.@{ionicons-prefix}ios-download-outline:before { content: @ionicon-var-ios-download-outline; } -.@{ionicons-prefix}ios-drag:before { content: @ionicon-var-ios-drag; } -.@{ionicons-prefix}ios-email:before { content: @ionicon-var-ios-email; } -.@{ionicons-prefix}ios-email-outline:before { content: @ionicon-var-ios-email-outline; } -.@{ionicons-prefix}ios-eye:before { content: @ionicon-var-ios-eye; } -.@{ionicons-prefix}ios-eye-outline:before { content: @ionicon-var-ios-eye-outline; } -.@{ionicons-prefix}ios-fastforward:before { content: @ionicon-var-ios-fastforward; } -.@{ionicons-prefix}ios-fastforward-outline:before { content: @ionicon-var-ios-fastforward-outline; } -.@{ionicons-prefix}ios-filing:before { content: @ionicon-var-ios-filing; } -.@{ionicons-prefix}ios-filing-outline:before { content: @ionicon-var-ios-filing-outline; } -.@{ionicons-prefix}ios-film:before { content: @ionicon-var-ios-film; } -.@{ionicons-prefix}ios-film-outline:before { content: @ionicon-var-ios-film-outline; } -.@{ionicons-prefix}ios-flag:before { content: @ionicon-var-ios-flag; } -.@{ionicons-prefix}ios-flag-outline:before { content: @ionicon-var-ios-flag-outline; } -.@{ionicons-prefix}ios-flame:before { content: @ionicon-var-ios-flame; } -.@{ionicons-prefix}ios-flame-outline:before { content: @ionicon-var-ios-flame-outline; } -.@{ionicons-prefix}ios-flask:before { content: @ionicon-var-ios-flask; } -.@{ionicons-prefix}ios-flask-outline:before { content: @ionicon-var-ios-flask-outline; } -.@{ionicons-prefix}ios-flower:before { content: @ionicon-var-ios-flower; } -.@{ionicons-prefix}ios-flower-outline:before { content: @ionicon-var-ios-flower-outline; } -.@{ionicons-prefix}ios-folder:before { content: @ionicon-var-ios-folder; } -.@{ionicons-prefix}ios-folder-outline:before { content: @ionicon-var-ios-folder-outline; } -.@{ionicons-prefix}ios-football:before { content: @ionicon-var-ios-football; } -.@{ionicons-prefix}ios-football-outline:before { content: @ionicon-var-ios-football-outline; } -.@{ionicons-prefix}ios-game-controller-a:before { content: @ionicon-var-ios-game-controller-a; } -.@{ionicons-prefix}ios-game-controller-a-outline:before { content: @ionicon-var-ios-game-controller-a-outline; } -.@{ionicons-prefix}ios-game-controller-b:before { content: @ionicon-var-ios-game-controller-b; } -.@{ionicons-prefix}ios-game-controller-b-outline:before { content: @ionicon-var-ios-game-controller-b-outline; } -.@{ionicons-prefix}ios-gear:before { content: @ionicon-var-ios-gear; } -.@{ionicons-prefix}ios-gear-outline:before { content: @ionicon-var-ios-gear-outline; } -.@{ionicons-prefix}ios-glasses:before { content: @ionicon-var-ios-glasses; } -.@{ionicons-prefix}ios-glasses-outline:before { content: @ionicon-var-ios-glasses-outline; } -.@{ionicons-prefix}ios-grid-view:before { content: @ionicon-var-ios-grid-view; } -.@{ionicons-prefix}ios-grid-view-outline:before { content: @ionicon-var-ios-grid-view-outline; } -.@{ionicons-prefix}ios-heart:before { content: @ionicon-var-ios-heart; } -.@{ionicons-prefix}ios-heart-outline:before { content: @ionicon-var-ios-heart-outline; } -.@{ionicons-prefix}ios-help:before { content: @ionicon-var-ios-help; } -.@{ionicons-prefix}ios-help-empty:before { content: @ionicon-var-ios-help-empty; } -.@{ionicons-prefix}ios-help-outline:before { content: @ionicon-var-ios-help-outline; } -.@{ionicons-prefix}ios-home:before { content: @ionicon-var-ios-home; } -.@{ionicons-prefix}ios-home-outline:before { content: @ionicon-var-ios-home-outline; } -.@{ionicons-prefix}ios-infinite:before { content: @ionicon-var-ios-infinite; } -.@{ionicons-prefix}ios-infinite-outline:before { content: @ionicon-var-ios-infinite-outline; } -.@{ionicons-prefix}ios-information:before { content: @ionicon-var-ios-information; } -.@{ionicons-prefix}ios-information-empty:before { content: @ionicon-var-ios-information-empty; } -.@{ionicons-prefix}ios-information-outline:before { content: @ionicon-var-ios-information-outline; } -.@{ionicons-prefix}ios-ionic-outline:before { content: @ionicon-var-ios-ionic-outline; } -.@{ionicons-prefix}ios-keypad:before { content: @ionicon-var-ios-keypad; } -.@{ionicons-prefix}ios-keypad-outline:before { content: @ionicon-var-ios-keypad-outline; } -.@{ionicons-prefix}ios-lightbulb:before { content: @ionicon-var-ios-lightbulb; } -.@{ionicons-prefix}ios-lightbulb-outline:before { content: @ionicon-var-ios-lightbulb-outline; } -.@{ionicons-prefix}ios-list:before { content: @ionicon-var-ios-list; } -.@{ionicons-prefix}ios-list-outline:before { content: @ionicon-var-ios-list-outline; } -.@{ionicons-prefix}ios-location:before { content: @ionicon-var-ios-location; } -.@{ionicons-prefix}ios-location-outline:before { content: @ionicon-var-ios-location-outline; } -.@{ionicons-prefix}ios-locked:before { content: @ionicon-var-ios-locked; } -.@{ionicons-prefix}ios-locked-outline:before { content: @ionicon-var-ios-locked-outline; } -.@{ionicons-prefix}ios-loop:before { content: @ionicon-var-ios-loop; } -.@{ionicons-prefix}ios-loop-strong:before { content: @ionicon-var-ios-loop-strong; } -.@{ionicons-prefix}ios-medical:before { content: @ionicon-var-ios-medical; } -.@{ionicons-prefix}ios-medical-outline:before { content: @ionicon-var-ios-medical-outline; } -.@{ionicons-prefix}ios-medkit:before { content: @ionicon-var-ios-medkit; } -.@{ionicons-prefix}ios-medkit-outline:before { content: @ionicon-var-ios-medkit-outline; } -.@{ionicons-prefix}ios-mic:before { content: @ionicon-var-ios-mic; } -.@{ionicons-prefix}ios-mic-off:before { content: @ionicon-var-ios-mic-off; } -.@{ionicons-prefix}ios-mic-outline:before { content: @ionicon-var-ios-mic-outline; } -.@{ionicons-prefix}ios-minus:before { content: @ionicon-var-ios-minus; } -.@{ionicons-prefix}ios-minus-empty:before { content: @ionicon-var-ios-minus-empty; } -.@{ionicons-prefix}ios-minus-outline:before { content: @ionicon-var-ios-minus-outline; } -.@{ionicons-prefix}ios-monitor:before { content: @ionicon-var-ios-monitor; } -.@{ionicons-prefix}ios-monitor-outline:before { content: @ionicon-var-ios-monitor-outline; } -.@{ionicons-prefix}ios-moon:before { content: @ionicon-var-ios-moon; } -.@{ionicons-prefix}ios-moon-outline:before { content: @ionicon-var-ios-moon-outline; } -.@{ionicons-prefix}ios-more:before { content: @ionicon-var-ios-more; } -.@{ionicons-prefix}ios-more-outline:before { content: @ionicon-var-ios-more-outline; } -.@{ionicons-prefix}ios-musical-note:before { content: @ionicon-var-ios-musical-note; } -.@{ionicons-prefix}ios-musical-notes:before { content: @ionicon-var-ios-musical-notes; } -.@{ionicons-prefix}ios-navigate:before { content: @ionicon-var-ios-navigate; } -.@{ionicons-prefix}ios-navigate-outline:before { content: @ionicon-var-ios-navigate-outline; } -.@{ionicons-prefix}ios-nutrition:before { content: @ionicon-var-ios-nutrition; } -.@{ionicons-prefix}ios-nutrition-outline:before { content: @ionicon-var-ios-nutrition-outline; } -.@{ionicons-prefix}ios-paper:before { content: @ionicon-var-ios-paper; } -.@{ionicons-prefix}ios-paper-outline:before { content: @ionicon-var-ios-paper-outline; } -.@{ionicons-prefix}ios-paperplane:before { content: @ionicon-var-ios-paperplane; } -.@{ionicons-prefix}ios-paperplane-outline:before { content: @ionicon-var-ios-paperplane-outline; } -.@{ionicons-prefix}ios-partlysunny:before { content: @ionicon-var-ios-partlysunny; } -.@{ionicons-prefix}ios-partlysunny-outline:before { content: @ionicon-var-ios-partlysunny-outline; } -.@{ionicons-prefix}ios-pause:before { content: @ionicon-var-ios-pause; } -.@{ionicons-prefix}ios-pause-outline:before { content: @ionicon-var-ios-pause-outline; } -.@{ionicons-prefix}ios-paw:before { content: @ionicon-var-ios-paw; } -.@{ionicons-prefix}ios-paw-outline:before { content: @ionicon-var-ios-paw-outline; } -.@{ionicons-prefix}ios-people:before { content: @ionicon-var-ios-people; } -.@{ionicons-prefix}ios-people-outline:before { content: @ionicon-var-ios-people-outline; } -.@{ionicons-prefix}ios-person:before { content: @ionicon-var-ios-person; } -.@{ionicons-prefix}ios-person-outline:before { content: @ionicon-var-ios-person-outline; } -.@{ionicons-prefix}ios-personadd:before { content: @ionicon-var-ios-personadd; } -.@{ionicons-prefix}ios-personadd-outline:before { content: @ionicon-var-ios-personadd-outline; } -.@{ionicons-prefix}ios-photos:before { content: @ionicon-var-ios-photos; } -.@{ionicons-prefix}ios-photos-outline:before { content: @ionicon-var-ios-photos-outline; } -.@{ionicons-prefix}ios-pie:before { content: @ionicon-var-ios-pie; } -.@{ionicons-prefix}ios-pie-outline:before { content: @ionicon-var-ios-pie-outline; } -.@{ionicons-prefix}ios-pint:before { content: @ionicon-var-ios-pint; } -.@{ionicons-prefix}ios-pint-outline:before { content: @ionicon-var-ios-pint-outline; } -.@{ionicons-prefix}ios-play:before { content: @ionicon-var-ios-play; } -.@{ionicons-prefix}ios-play-outline:before { content: @ionicon-var-ios-play-outline; } -.@{ionicons-prefix}ios-plus:before { content: @ionicon-var-ios-plus; } -.@{ionicons-prefix}ios-plus-empty:before { content: @ionicon-var-ios-plus-empty; } -.@{ionicons-prefix}ios-plus-outline:before { content: @ionicon-var-ios-plus-outline; } -.@{ionicons-prefix}ios-pricetag:before { content: @ionicon-var-ios-pricetag; } -.@{ionicons-prefix}ios-pricetag-outline:before { content: @ionicon-var-ios-pricetag-outline; } -.@{ionicons-prefix}ios-pricetags:before { content: @ionicon-var-ios-pricetags; } -.@{ionicons-prefix}ios-pricetags-outline:before { content: @ionicon-var-ios-pricetags-outline; } -.@{ionicons-prefix}ios-printer:before { content: @ionicon-var-ios-printer; } -.@{ionicons-prefix}ios-printer-outline:before { content: @ionicon-var-ios-printer-outline; } -.@{ionicons-prefix}ios-pulse:before { content: @ionicon-var-ios-pulse; } -.@{ionicons-prefix}ios-pulse-strong:before { content: @ionicon-var-ios-pulse-strong; } -.@{ionicons-prefix}ios-rainy:before { content: @ionicon-var-ios-rainy; } -.@{ionicons-prefix}ios-rainy-outline:before { content: @ionicon-var-ios-rainy-outline; } -.@{ionicons-prefix}ios-recording:before { content: @ionicon-var-ios-recording; } -.@{ionicons-prefix}ios-recording-outline:before { content: @ionicon-var-ios-recording-outline; } -.@{ionicons-prefix}ios-redo:before { content: @ionicon-var-ios-redo; } -.@{ionicons-prefix}ios-redo-outline:before { content: @ionicon-var-ios-redo-outline; } -.@{ionicons-prefix}ios-refresh:before { content: @ionicon-var-ios-refresh; } -.@{ionicons-prefix}ios-refresh-empty:before { content: @ionicon-var-ios-refresh-empty; } -.@{ionicons-prefix}ios-refresh-outline:before { content: @ionicon-var-ios-refresh-outline; } -.@{ionicons-prefix}ios-reload:before { content: @ionicon-var-ios-reload; } -.@{ionicons-prefix}ios-reverse-camera:before { content: @ionicon-var-ios-reverse-camera; } -.@{ionicons-prefix}ios-reverse-camera-outline:before { content: @ionicon-var-ios-reverse-camera-outline; } -.@{ionicons-prefix}ios-rewind:before { content: @ionicon-var-ios-rewind; } -.@{ionicons-prefix}ios-rewind-outline:before { content: @ionicon-var-ios-rewind-outline; } -.@{ionicons-prefix}ios-rose:before { content: @ionicon-var-ios-rose; } -.@{ionicons-prefix}ios-rose-outline:before { content: @ionicon-var-ios-rose-outline; } -.@{ionicons-prefix}ios-search:before { content: @ionicon-var-ios-search; } -.@{ionicons-prefix}ios-search-strong:before { content: @ionicon-var-ios-search-strong; } -.@{ionicons-prefix}ios-settings:before { content: @ionicon-var-ios-settings; } -.@{ionicons-prefix}ios-settings-strong:before { content: @ionicon-var-ios-settings-strong; } -.@{ionicons-prefix}ios-shuffle:before { content: @ionicon-var-ios-shuffle; } -.@{ionicons-prefix}ios-shuffle-strong:before { content: @ionicon-var-ios-shuffle-strong; } -.@{ionicons-prefix}ios-skipbackward:before { content: @ionicon-var-ios-skipbackward; } -.@{ionicons-prefix}ios-skipbackward-outline:before { content: @ionicon-var-ios-skipbackward-outline; } -.@{ionicons-prefix}ios-skipforward:before { content: @ionicon-var-ios-skipforward; } -.@{ionicons-prefix}ios-skipforward-outline:before { content: @ionicon-var-ios-skipforward-outline; } -.@{ionicons-prefix}ios-snowy:before { content: @ionicon-var-ios-snowy; } -.@{ionicons-prefix}ios-speedometer:before { content: @ionicon-var-ios-speedometer; } -.@{ionicons-prefix}ios-speedometer-outline:before { content: @ionicon-var-ios-speedometer-outline; } -.@{ionicons-prefix}ios-star:before { content: @ionicon-var-ios-star; } -.@{ionicons-prefix}ios-star-half:before { content: @ionicon-var-ios-star-half; } -.@{ionicons-prefix}ios-star-outline:before { content: @ionicon-var-ios-star-outline; } -.@{ionicons-prefix}ios-stopwatch:before { content: @ionicon-var-ios-stopwatch; } -.@{ionicons-prefix}ios-stopwatch-outline:before { content: @ionicon-var-ios-stopwatch-outline; } -.@{ionicons-prefix}ios-sunny:before { content: @ionicon-var-ios-sunny; } -.@{ionicons-prefix}ios-sunny-outline:before { content: @ionicon-var-ios-sunny-outline; } -.@{ionicons-prefix}ios-telephone:before { content: @ionicon-var-ios-telephone; } -.@{ionicons-prefix}ios-telephone-outline:before { content: @ionicon-var-ios-telephone-outline; } -.@{ionicons-prefix}ios-tennisball:before { content: @ionicon-var-ios-tennisball; } -.@{ionicons-prefix}ios-tennisball-outline:before { content: @ionicon-var-ios-tennisball-outline; } -.@{ionicons-prefix}ios-thunderstorm:before { content: @ionicon-var-ios-thunderstorm; } -.@{ionicons-prefix}ios-thunderstorm-outline:before { content: @ionicon-var-ios-thunderstorm-outline; } -.@{ionicons-prefix}ios-time:before { content: @ionicon-var-ios-time; } -.@{ionicons-prefix}ios-time-outline:before { content: @ionicon-var-ios-time-outline; } -.@{ionicons-prefix}ios-timer:before { content: @ionicon-var-ios-timer; } -.@{ionicons-prefix}ios-timer-outline:before { content: @ionicon-var-ios-timer-outline; } -.@{ionicons-prefix}ios-toggle:before { content: @ionicon-var-ios-toggle; } -.@{ionicons-prefix}ios-toggle-outline:before { content: @ionicon-var-ios-toggle-outline; } -.@{ionicons-prefix}ios-trash:before { content: @ionicon-var-ios-trash; } -.@{ionicons-prefix}ios-trash-outline:before { content: @ionicon-var-ios-trash-outline; } -.@{ionicons-prefix}ios-undo:before { content: @ionicon-var-ios-undo; } -.@{ionicons-prefix}ios-undo-outline:before { content: @ionicon-var-ios-undo-outline; } -.@{ionicons-prefix}ios-unlocked:before { content: @ionicon-var-ios-unlocked; } -.@{ionicons-prefix}ios-unlocked-outline:before { content: @ionicon-var-ios-unlocked-outline; } -.@{ionicons-prefix}ios-upload:before { content: @ionicon-var-ios-upload; } -.@{ionicons-prefix}ios-upload-outline:before { content: @ionicon-var-ios-upload-outline; } -.@{ionicons-prefix}ios-videocam:before { content: @ionicon-var-ios-videocam; } -.@{ionicons-prefix}ios-videocam-outline:before { content: @ionicon-var-ios-videocam-outline; } -.@{ionicons-prefix}ios-volume-high:before { content: @ionicon-var-ios-volume-high; } -.@{ionicons-prefix}ios-volume-low:before { content: @ionicon-var-ios-volume-low; } -.@{ionicons-prefix}ios-wineglass:before { content: @ionicon-var-ios-wineglass; } -.@{ionicons-prefix}ios-wineglass-outline:before { content: @ionicon-var-ios-wineglass-outline; } -.@{ionicons-prefix}ios-world:before { content: @ionicon-var-ios-world; } -.@{ionicons-prefix}ios-world-outline:before { content: @ionicon-var-ios-world-outline; } -.@{ionicons-prefix}ipad:before { content: @ionicon-var-ipad; } -.@{ionicons-prefix}iphone:before { content: @ionicon-var-iphone; } -.@{ionicons-prefix}ipod:before { content: @ionicon-var-ipod; } -.@{ionicons-prefix}jet:before { content: @ionicon-var-jet; } -.@{ionicons-prefix}key:before { content: @ionicon-var-key; } -.@{ionicons-prefix}knife:before { content: @ionicon-var-knife; } -.@{ionicons-prefix}laptop:before { content: @ionicon-var-laptop; } -.@{ionicons-prefix}leaf:before { content: @ionicon-var-leaf; } -.@{ionicons-prefix}levels:before { content: @ionicon-var-levels; } -.@{ionicons-prefix}lightbulb:before { content: @ionicon-var-lightbulb; } -.@{ionicons-prefix}link:before { content: @ionicon-var-link; } -.@{ionicons-prefix}load-a:before { content: @ionicon-var-load-a; } -.@{ionicons-prefix}load-b:before { content: @ionicon-var-load-b; } -.@{ionicons-prefix}load-c:before { content: @ionicon-var-load-c; } -.@{ionicons-prefix}load-d:before { content: @ionicon-var-load-d; } -.@{ionicons-prefix}location:before { content: @ionicon-var-location; } -.@{ionicons-prefix}lock-combination:before { content: @ionicon-var-lock-combination; } -.@{ionicons-prefix}locked:before { content: @ionicon-var-locked; } -.@{ionicons-prefix}log-in:before { content: @ionicon-var-log-in; } -.@{ionicons-prefix}log-out:before { content: @ionicon-var-log-out; } -.@{ionicons-prefix}loop:before { content: @ionicon-var-loop; } -.@{ionicons-prefix}magnet:before { content: @ionicon-var-magnet; } -.@{ionicons-prefix}male:before { content: @ionicon-var-male; } -.@{ionicons-prefix}man:before { content: @ionicon-var-man; } -.@{ionicons-prefix}map:before { content: @ionicon-var-map; } -.@{ionicons-prefix}medkit:before { content: @ionicon-var-medkit; } -.@{ionicons-prefix}merge:before { content: @ionicon-var-merge; } -.@{ionicons-prefix}mic-a:before { content: @ionicon-var-mic-a; } -.@{ionicons-prefix}mic-b:before { content: @ionicon-var-mic-b; } -.@{ionicons-prefix}mic-c:before { content: @ionicon-var-mic-c; } -.@{ionicons-prefix}minus:before { content: @ionicon-var-minus; } -.@{ionicons-prefix}minus-circled:before { content: @ionicon-var-minus-circled; } -.@{ionicons-prefix}minus-round:before { content: @ionicon-var-minus-round; } -.@{ionicons-prefix}model-s:before { content: @ionicon-var-model-s; } -.@{ionicons-prefix}monitor:before { content: @ionicon-var-monitor; } -.@{ionicons-prefix}more:before { content: @ionicon-var-more; } -.@{ionicons-prefix}mouse:before { content: @ionicon-var-mouse; } -.@{ionicons-prefix}music-note:before { content: @ionicon-var-music-note; } -.@{ionicons-prefix}navicon:before { content: @ionicon-var-navicon; } -.@{ionicons-prefix}navicon-round:before { content: @ionicon-var-navicon-round; } -.@{ionicons-prefix}navigate:before { content: @ionicon-var-navigate; } -.@{ionicons-prefix}network:before { content: @ionicon-var-network; } -.@{ionicons-prefix}no-smoking:before { content: @ionicon-var-no-smoking; } -.@{ionicons-prefix}nuclear:before { content: @ionicon-var-nuclear; } -.@{ionicons-prefix}outlet:before { content: @ionicon-var-outlet; } -.@{ionicons-prefix}paintbrush:before { content: @ionicon-var-paintbrush; } -.@{ionicons-prefix}paintbucket:before { content: @ionicon-var-paintbucket; } -.@{ionicons-prefix}paper-airplane:before { content: @ionicon-var-paper-airplane; } -.@{ionicons-prefix}paperclip:before { content: @ionicon-var-paperclip; } -.@{ionicons-prefix}pause:before { content: @ionicon-var-pause; } -.@{ionicons-prefix}person:before { content: @ionicon-var-person; } -.@{ionicons-prefix}person-add:before { content: @ionicon-var-person-add; } -.@{ionicons-prefix}person-stalker:before { content: @ionicon-var-person-stalker; } -.@{ionicons-prefix}pie-graph:before { content: @ionicon-var-pie-graph; } -.@{ionicons-prefix}pin:before { content: @ionicon-var-pin; } -.@{ionicons-prefix}pinpoint:before { content: @ionicon-var-pinpoint; } -.@{ionicons-prefix}pizza:before { content: @ionicon-var-pizza; } -.@{ionicons-prefix}plane:before { content: @ionicon-var-plane; } -.@{ionicons-prefix}planet:before { content: @ionicon-var-planet; } -.@{ionicons-prefix}play:before { content: @ionicon-var-play; } -.@{ionicons-prefix}playstation:before { content: @ionicon-var-playstation; } -.@{ionicons-prefix}plus:before { content: @ionicon-var-plus; } -.@{ionicons-prefix}plus-circled:before { content: @ionicon-var-plus-circled; } -.@{ionicons-prefix}plus-round:before { content: @ionicon-var-plus-round; } -.@{ionicons-prefix}podium:before { content: @ionicon-var-podium; } -.@{ionicons-prefix}pound:before { content: @ionicon-var-pound; } -.@{ionicons-prefix}power:before { content: @ionicon-var-power; } -.@{ionicons-prefix}pricetag:before { content: @ionicon-var-pricetag; } -.@{ionicons-prefix}pricetags:before { content: @ionicon-var-pricetags; } -.@{ionicons-prefix}printer:before { content: @ionicon-var-printer; } -.@{ionicons-prefix}pull-request:before { content: @ionicon-var-pull-request; } -.@{ionicons-prefix}qr-scanner:before { content: @ionicon-var-qr-scanner; } -.@{ionicons-prefix}quote:before { content: @ionicon-var-quote; } -.@{ionicons-prefix}radio-waves:before { content: @ionicon-var-radio-waves; } -.@{ionicons-prefix}record:before { content: @ionicon-var-record; } -.@{ionicons-prefix}refresh:before { content: @ionicon-var-refresh; } -.@{ionicons-prefix}reply:before { content: @ionicon-var-reply; } -.@{ionicons-prefix}reply-all:before { content: @ionicon-var-reply-all; } -.@{ionicons-prefix}ribbon-a:before { content: @ionicon-var-ribbon-a; } -.@{ionicons-prefix}ribbon-b:before { content: @ionicon-var-ribbon-b; } -.@{ionicons-prefix}sad:before { content: @ionicon-var-sad; } -.@{ionicons-prefix}sad-outline:before { content: @ionicon-var-sad-outline; } -.@{ionicons-prefix}scissors:before { content: @ionicon-var-scissors; } -.@{ionicons-prefix}search:before { content: @ionicon-var-search; } -.@{ionicons-prefix}settings:before { content: @ionicon-var-settings; } -.@{ionicons-prefix}share:before { content: @ionicon-var-share; } -.@{ionicons-prefix}shuffle:before { content: @ionicon-var-shuffle; } -.@{ionicons-prefix}skip-backward:before { content: @ionicon-var-skip-backward; } -.@{ionicons-prefix}skip-forward:before { content: @ionicon-var-skip-forward; } -.@{ionicons-prefix}social-android:before { content: @ionicon-var-social-android; } -.@{ionicons-prefix}social-android-outline:before { content: @ionicon-var-social-android-outline; } -.@{ionicons-prefix}social-angular:before { content: @ionicon-var-social-angular; } -.@{ionicons-prefix}social-angular-outline:before { content: @ionicon-var-social-angular-outline; } -.@{ionicons-prefix}social-apple:before { content: @ionicon-var-social-apple; } -.@{ionicons-prefix}social-apple-outline:before { content: @ionicon-var-social-apple-outline; } -.@{ionicons-prefix}social-bitcoin:before { content: @ionicon-var-social-bitcoin; } -.@{ionicons-prefix}social-bitcoin-outline:before { content: @ionicon-var-social-bitcoin-outline; } -.@{ionicons-prefix}social-buffer:before { content: @ionicon-var-social-buffer; } -.@{ionicons-prefix}social-buffer-outline:before { content: @ionicon-var-social-buffer-outline; } -.@{ionicons-prefix}social-chrome:before { content: @ionicon-var-social-chrome; } -.@{ionicons-prefix}social-chrome-outline:before { content: @ionicon-var-social-chrome-outline; } -.@{ionicons-prefix}social-codepen:before { content: @ionicon-var-social-codepen; } -.@{ionicons-prefix}social-codepen-outline:before { content: @ionicon-var-social-codepen-outline; } -.@{ionicons-prefix}social-css3:before { content: @ionicon-var-social-css3; } -.@{ionicons-prefix}social-css3-outline:before { content: @ionicon-var-social-css3-outline; } -.@{ionicons-prefix}social-designernews:before { content: @ionicon-var-social-designernews; } -.@{ionicons-prefix}social-designernews-outline:before { content: @ionicon-var-social-designernews-outline; } -.@{ionicons-prefix}social-dribbble:before { content: @ionicon-var-social-dribbble; } -.@{ionicons-prefix}social-dribbble-outline:before { content: @ionicon-var-social-dribbble-outline; } -.@{ionicons-prefix}social-dropbox:before { content: @ionicon-var-social-dropbox; } -.@{ionicons-prefix}social-dropbox-outline:before { content: @ionicon-var-social-dropbox-outline; } -.@{ionicons-prefix}social-euro:before { content: @ionicon-var-social-euro; } -.@{ionicons-prefix}social-euro-outline:before { content: @ionicon-var-social-euro-outline; } -.@{ionicons-prefix}social-facebook:before { content: @ionicon-var-social-facebook; } -.@{ionicons-prefix}social-facebook-outline:before { content: @ionicon-var-social-facebook-outline; } -.@{ionicons-prefix}social-foursquare:before { content: @ionicon-var-social-foursquare; } -.@{ionicons-prefix}social-foursquare-outline:before { content: @ionicon-var-social-foursquare-outline; } -.@{ionicons-prefix}social-freebsd-devil:before { content: @ionicon-var-social-freebsd-devil; } -.@{ionicons-prefix}social-github:before { content: @ionicon-var-social-github; } -.@{ionicons-prefix}social-github-outline:before { content: @ionicon-var-social-github-outline; } -.@{ionicons-prefix}social-google:before { content: @ionicon-var-social-google; } -.@{ionicons-prefix}social-google-outline:before { content: @ionicon-var-social-google-outline; } -.@{ionicons-prefix}social-googleplus:before { content: @ionicon-var-social-googleplus; } -.@{ionicons-prefix}social-googleplus-outline:before { content: @ionicon-var-social-googleplus-outline; } -.@{ionicons-prefix}social-hackernews:before { content: @ionicon-var-social-hackernews; } -.@{ionicons-prefix}social-hackernews-outline:before { content: @ionicon-var-social-hackernews-outline; } -.@{ionicons-prefix}social-html5:before { content: @ionicon-var-social-html5; } -.@{ionicons-prefix}social-html5-outline:before { content: @ionicon-var-social-html5-outline; } -.@{ionicons-prefix}social-instagram:before { content: @ionicon-var-social-instagram; } -.@{ionicons-prefix}social-instagram-outline:before { content: @ionicon-var-social-instagram-outline; } -.@{ionicons-prefix}social-javascript:before { content: @ionicon-var-social-javascript; } -.@{ionicons-prefix}social-javascript-outline:before { content: @ionicon-var-social-javascript-outline; } -.@{ionicons-prefix}social-linkedin:before { content: @ionicon-var-social-linkedin; } -.@{ionicons-prefix}social-linkedin-outline:before { content: @ionicon-var-social-linkedin-outline; } -.@{ionicons-prefix}social-markdown:before { content: @ionicon-var-social-markdown; } -.@{ionicons-prefix}social-nodejs:before { content: @ionicon-var-social-nodejs; } -.@{ionicons-prefix}social-octocat:before { content: @ionicon-var-social-octocat; } -.@{ionicons-prefix}social-pinterest:before { content: @ionicon-var-social-pinterest; } -.@{ionicons-prefix}social-pinterest-outline:before { content: @ionicon-var-social-pinterest-outline; } -.@{ionicons-prefix}social-python:before { content: @ionicon-var-social-python; } -.@{ionicons-prefix}social-reddit:before { content: @ionicon-var-social-reddit; } -.@{ionicons-prefix}social-reddit-outline:before { content: @ionicon-var-social-reddit-outline; } -.@{ionicons-prefix}social-rss:before { content: @ionicon-var-social-rss; } -.@{ionicons-prefix}social-rss-outline:before { content: @ionicon-var-social-rss-outline; } -.@{ionicons-prefix}social-sass:before { content: @ionicon-var-social-sass; } -.@{ionicons-prefix}social-skype:before { content: @ionicon-var-social-skype; } -.@{ionicons-prefix}social-skype-outline:before { content: @ionicon-var-social-skype-outline; } -.@{ionicons-prefix}social-snapchat:before { content: @ionicon-var-social-snapchat; } -.@{ionicons-prefix}social-snapchat-outline:before { content: @ionicon-var-social-snapchat-outline; } -.@{ionicons-prefix}social-tumblr:before { content: @ionicon-var-social-tumblr; } -.@{ionicons-prefix}social-tumblr-outline:before { content: @ionicon-var-social-tumblr-outline; } -.@{ionicons-prefix}social-tux:before { content: @ionicon-var-social-tux; } -.@{ionicons-prefix}social-twitch:before { content: @ionicon-var-social-twitch; } -.@{ionicons-prefix}social-twitch-outline:before { content: @ionicon-var-social-twitch-outline; } -.@{ionicons-prefix}social-twitter:before { content: @ionicon-var-social-twitter; } -.@{ionicons-prefix}social-twitter-outline:before { content: @ionicon-var-social-twitter-outline; } -.@{ionicons-prefix}social-usd:before { content: @ionicon-var-social-usd; } -.@{ionicons-prefix}social-usd-outline:before { content: @ionicon-var-social-usd-outline; } -.@{ionicons-prefix}social-vimeo:before { content: @ionicon-var-social-vimeo; } -.@{ionicons-prefix}social-vimeo-outline:before { content: @ionicon-var-social-vimeo-outline; } -.@{ionicons-prefix}social-whatsapp:before { content: @ionicon-var-social-whatsapp; } -.@{ionicons-prefix}social-whatsapp-outline:before { content: @ionicon-var-social-whatsapp-outline; } -.@{ionicons-prefix}social-windows:before { content: @ionicon-var-social-windows; } -.@{ionicons-prefix}social-windows-outline:before { content: @ionicon-var-social-windows-outline; } -.@{ionicons-prefix}social-wordpress:before { content: @ionicon-var-social-wordpress; } -.@{ionicons-prefix}social-wordpress-outline:before { content: @ionicon-var-social-wordpress-outline; } -.@{ionicons-prefix}social-yahoo:before { content: @ionicon-var-social-yahoo; } -.@{ionicons-prefix}social-yahoo-outline:before { content: @ionicon-var-social-yahoo-outline; } -.@{ionicons-prefix}social-yen:before { content: @ionicon-var-social-yen; } -.@{ionicons-prefix}social-yen-outline:before { content: @ionicon-var-social-yen-outline; } -.@{ionicons-prefix}social-youtube:before { content: @ionicon-var-social-youtube; } -.@{ionicons-prefix}social-youtube-outline:before { content: @ionicon-var-social-youtube-outline; } -.@{ionicons-prefix}soup-can:before { content: @ionicon-var-soup-can; } -.@{ionicons-prefix}soup-can-outline:before { content: @ionicon-var-soup-can-outline; } -.@{ionicons-prefix}speakerphone:before { content: @ionicon-var-speakerphone; } -.@{ionicons-prefix}speedometer:before { content: @ionicon-var-speedometer; } -.@{ionicons-prefix}spoon:before { content: @ionicon-var-spoon; } -.@{ionicons-prefix}star:before { content: @ionicon-var-star; } -.@{ionicons-prefix}stats-bars:before { content: @ionicon-var-stats-bars; } -.@{ionicons-prefix}steam:before { content: @ionicon-var-steam; } -.@{ionicons-prefix}stop:before { content: @ionicon-var-stop; } -.@{ionicons-prefix}thermometer:before { content: @ionicon-var-thermometer; } -.@{ionicons-prefix}thumbsdown:before { content: @ionicon-var-thumbsdown; } -.@{ionicons-prefix}thumbsup:before { content: @ionicon-var-thumbsup; } -.@{ionicons-prefix}toggle:before { content: @ionicon-var-toggle; } -.@{ionicons-prefix}toggle-filled:before { content: @ionicon-var-toggle-filled; } -.@{ionicons-prefix}transgender:before { content: @ionicon-var-transgender; } -.@{ionicons-prefix}trash-a:before { content: @ionicon-var-trash-a; } -.@{ionicons-prefix}trash-b:before { content: @ionicon-var-trash-b; } -.@{ionicons-prefix}trophy:before { content: @ionicon-var-trophy; } -.@{ionicons-prefix}tshirt:before { content: @ionicon-var-tshirt; } -.@{ionicons-prefix}tshirt-outline:before { content: @ionicon-var-tshirt-outline; } -.@{ionicons-prefix}umbrella:before { content: @ionicon-var-umbrella; } -.@{ionicons-prefix}university:before { content: @ionicon-var-university; } -.@{ionicons-prefix}unlocked:before { content: @ionicon-var-unlocked; } -.@{ionicons-prefix}upload:before { content: @ionicon-var-upload; } -.@{ionicons-prefix}usb:before { content: @ionicon-var-usb; } -.@{ionicons-prefix}videocamera:before { content: @ionicon-var-videocamera; } -.@{ionicons-prefix}volume-high:before { content: @ionicon-var-volume-high; } -.@{ionicons-prefix}volume-low:before { content: @ionicon-var-volume-low; } -.@{ionicons-prefix}volume-medium:before { content: @ionicon-var-volume-medium; } -.@{ionicons-prefix}volume-mute:before { content: @ionicon-var-volume-mute; } -.@{ionicons-prefix}wand:before { content: @ionicon-var-wand; } -.@{ionicons-prefix}waterdrop:before { content: @ionicon-var-waterdrop; } -.@{ionicons-prefix}wifi:before { content: @ionicon-var-wifi; } -.@{ionicons-prefix}wineglass:before { content: @ionicon-var-wineglass; } -.@{ionicons-prefix}woman:before { content: @ionicon-var-woman; } -.@{ionicons-prefix}wrench:before { content: @ionicon-var-wrench; } -.@{ionicons-prefix}xbox:before { content: @ionicon-var-xbox; } \ No newline at end of file diff --git a/src/styles/common/iconfont/_ionicons-variables.less b/src/styles/common/iconfont/_ionicons-variables.less deleted file mode 100755 index 89a8c42f..00000000 --- a/src/styles/common/iconfont/_ionicons-variables.less +++ /dev/null @@ -1,747 +0,0 @@ -/* -Ionicons, v2.0.0 -Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ -https://twitter.com/benjsperry https://twitter.com/ionicframework -MIT License: https://github.com/driftyco/ionicons -*/ -// Ionicons Variables -// -------------------------- - -@ionicons-font-path: "./fonts"; -@ionicons-font-family: "Ionicons"; -@ionicons-version: "2.0.0"; -@ionicons-prefix: ivu-icon-; - -@ionicon-var-alert: "\f101"; -@ionicon-var-alert-circled: "\f100"; -@ionicon-var-android-add: "\f2c7"; -@ionicon-var-android-add-circle: "\f359"; -@ionicon-var-android-alarm-clock: "\f35a"; -@ionicon-var-android-alert: "\f35b"; -@ionicon-var-android-apps: "\f35c"; -@ionicon-var-android-archive: "\f2c9"; -@ionicon-var-android-arrow-back: "\f2ca"; -@ionicon-var-android-arrow-down: "\f35d"; -@ionicon-var-android-arrow-dropdown: "\f35f"; -@ionicon-var-android-arrow-dropdown-circle: "\f35e"; -@ionicon-var-android-arrow-dropleft: "\f361"; -@ionicon-var-android-arrow-dropleft-circle: "\f360"; -@ionicon-var-android-arrow-dropright: "\f363"; -@ionicon-var-android-arrow-dropright-circle: "\f362"; -@ionicon-var-android-arrow-dropup: "\f365"; -@ionicon-var-android-arrow-dropup-circle: "\f364"; -@ionicon-var-android-arrow-forward: "\f30f"; -@ionicon-var-android-arrow-up: "\f366"; -@ionicon-var-android-attach: "\f367"; -@ionicon-var-android-bar: "\f368"; -@ionicon-var-android-bicycle: "\f369"; -@ionicon-var-android-boat: "\f36a"; -@ionicon-var-android-bookmark: "\f36b"; -@ionicon-var-android-bulb: "\f36c"; -@ionicon-var-android-bus: "\f36d"; -@ionicon-var-android-calendar: "\f2d1"; -@ionicon-var-android-call: "\f2d2"; -@ionicon-var-android-camera: "\f2d3"; -@ionicon-var-android-cancel: "\f36e"; -@ionicon-var-android-car: "\f36f"; -@ionicon-var-android-cart: "\f370"; -@ionicon-var-android-chat: "\f2d4"; -@ionicon-var-android-checkbox: "\f374"; -@ionicon-var-android-checkbox-blank: "\f371"; -@ionicon-var-android-checkbox-outline: "\f373"; -@ionicon-var-android-checkbox-outline-blank: "\f372"; -@ionicon-var-android-checkmark-circle: "\f375"; -@ionicon-var-android-clipboard: "\f376"; -@ionicon-var-android-close: "\f2d7"; -@ionicon-var-android-cloud: "\f37a"; -@ionicon-var-android-cloud-circle: "\f377"; -@ionicon-var-android-cloud-done: "\f378"; -@ionicon-var-android-cloud-outline: "\f379"; -@ionicon-var-android-color-palette: "\f37b"; -@ionicon-var-android-compass: "\f37c"; -@ionicon-var-android-contact: "\f2d8"; -@ionicon-var-android-contacts: "\f2d9"; -@ionicon-var-android-contract: "\f37d"; -@ionicon-var-android-create: "\f37e"; -@ionicon-var-android-delete: "\f37f"; -@ionicon-var-android-desktop: "\f380"; -@ionicon-var-android-document: "\f381"; -@ionicon-var-android-done: "\f383"; -@ionicon-var-android-done-all: "\f382"; -@ionicon-var-android-download: "\f2dd"; -@ionicon-var-android-drafts: "\f384"; -@ionicon-var-android-exit: "\f385"; -@ionicon-var-android-expand: "\f386"; -@ionicon-var-android-favorite: "\f388"; -@ionicon-var-android-favorite-outline: "\f387"; -@ionicon-var-android-film: "\f389"; -@ionicon-var-android-folder: "\f2e0"; -@ionicon-var-android-folder-open: "\f38a"; -@ionicon-var-android-funnel: "\f38b"; -@ionicon-var-android-globe: "\f38c"; -@ionicon-var-android-hand: "\f2e3"; -@ionicon-var-android-hangout: "\f38d"; -@ionicon-var-android-happy: "\f38e"; -@ionicon-var-android-home: "\f38f"; -@ionicon-var-android-image: "\f2e4"; -@ionicon-var-android-laptop: "\f390"; -@ionicon-var-android-list: "\f391"; -@ionicon-var-android-locate: "\f2e9"; -@ionicon-var-android-lock: "\f392"; -@ionicon-var-android-mail: "\f2eb"; -@ionicon-var-android-map: "\f393"; -@ionicon-var-android-menu: "\f394"; -@ionicon-var-android-microphone: "\f2ec"; -@ionicon-var-android-microphone-off: "\f395"; -@ionicon-var-android-more-horizontal: "\f396"; -@ionicon-var-android-more-vertical: "\f397"; -@ionicon-var-android-navigate: "\f398"; -@ionicon-var-android-notifications: "\f39b"; -@ionicon-var-android-notifications-none: "\f399"; -@ionicon-var-android-notifications-off: "\f39a"; -@ionicon-var-android-open: "\f39c"; -@ionicon-var-android-options: "\f39d"; -@ionicon-var-android-people: "\f39e"; -@ionicon-var-android-person: "\f3a0"; -@ionicon-var-android-person-add: "\f39f"; -@ionicon-var-android-phone-landscape: "\f3a1"; -@ionicon-var-android-phone-portrait: "\f3a2"; -@ionicon-var-android-pin: "\f3a3"; -@ionicon-var-android-plane: "\f3a4"; -@ionicon-var-android-playstore: "\f2f0"; -@ionicon-var-android-print: "\f3a5"; -@ionicon-var-android-radio-button-off: "\f3a6"; -@ionicon-var-android-radio-button-on: "\f3a7"; -@ionicon-var-android-refresh: "\f3a8"; -@ionicon-var-android-remove: "\f2f4"; -@ionicon-var-android-remove-circle: "\f3a9"; -@ionicon-var-android-restaurant: "\f3aa"; -@ionicon-var-android-sad: "\f3ab"; -@ionicon-var-android-search: "\f2f5"; -@ionicon-var-android-send: "\f2f6"; -@ionicon-var-android-settings: "\f2f7"; -@ionicon-var-android-share: "\f2f8"; -@ionicon-var-android-share-alt: "\f3ac"; -@ionicon-var-android-star: "\f2fc"; -@ionicon-var-android-star-half: "\f3ad"; -@ionicon-var-android-star-outline: "\f3ae"; -@ionicon-var-android-stopwatch: "\f2fd"; -@ionicon-var-android-subway: "\f3af"; -@ionicon-var-android-sunny: "\f3b0"; -@ionicon-var-android-sync: "\f3b1"; -@ionicon-var-android-textsms: "\f3b2"; -@ionicon-var-android-time: "\f3b3"; -@ionicon-var-android-train: "\f3b4"; -@ionicon-var-android-unlock: "\f3b5"; -@ionicon-var-android-upload: "\f3b6"; -@ionicon-var-android-volume-down: "\f3b7"; -@ionicon-var-android-volume-mute: "\f3b8"; -@ionicon-var-android-volume-off: "\f3b9"; -@ionicon-var-android-volume-up: "\f3ba"; -@ionicon-var-android-walk: "\f3bb"; -@ionicon-var-android-warning: "\f3bc"; -@ionicon-var-android-watch: "\f3bd"; -@ionicon-var-android-wifi: "\f305"; -@ionicon-var-aperture: "\f313"; -@ionicon-var-archive: "\f102"; -@ionicon-var-arrow-down-a: "\f103"; -@ionicon-var-arrow-down-b: "\f104"; -@ionicon-var-arrow-down-c: "\f105"; -@ionicon-var-arrow-expand: "\f25e"; -@ionicon-var-arrow-graph-down-left: "\f25f"; -@ionicon-var-arrow-graph-down-right: "\f260"; -@ionicon-var-arrow-graph-up-left: "\f261"; -@ionicon-var-arrow-graph-up-right: "\f262"; -@ionicon-var-arrow-left-a: "\f106"; -@ionicon-var-arrow-left-b: "\f107"; -@ionicon-var-arrow-left-c: "\f108"; -@ionicon-var-arrow-move: "\f263"; -@ionicon-var-arrow-resize: "\f264"; -@ionicon-var-arrow-return-left: "\f265"; -@ionicon-var-arrow-return-right: "\f266"; -@ionicon-var-arrow-right-a: "\f109"; -@ionicon-var-arrow-right-b: "\f10a"; -@ionicon-var-arrow-right-c: "\f10b"; -@ionicon-var-arrow-shrink: "\f267"; -@ionicon-var-arrow-swap: "\f268"; -@ionicon-var-arrow-up-a: "\f10c"; -@ionicon-var-arrow-up-b: "\f10d"; -@ionicon-var-arrow-up-c: "\f10e"; -@ionicon-var-asterisk: "\f314"; -@ionicon-var-at: "\f10f"; -@ionicon-var-backspace: "\f3bf"; -@ionicon-var-backspace-outline: "\f3be"; -@ionicon-var-bag: "\f110"; -@ionicon-var-battery-charging: "\f111"; -@ionicon-var-battery-empty: "\f112"; -@ionicon-var-battery-full: "\f113"; -@ionicon-var-battery-half: "\f114"; -@ionicon-var-battery-low: "\f115"; -@ionicon-var-beaker: "\f269"; -@ionicon-var-beer: "\f26a"; -@ionicon-var-bluetooth: "\f116"; -@ionicon-var-bonfire: "\f315"; -@ionicon-var-bookmark: "\f26b"; -@ionicon-var-bowtie: "\f3c0"; -@ionicon-var-briefcase: "\f26c"; -@ionicon-var-bug: "\f2be"; -@ionicon-var-calculator: "\f26d"; -@ionicon-var-calendar: "\f117"; -@ionicon-var-camera: "\f118"; -@ionicon-var-card: "\f119"; -@ionicon-var-cash: "\f316"; -@ionicon-var-chatbox: "\f11b"; -@ionicon-var-chatbox-working: "\f11a"; -@ionicon-var-chatboxes: "\f11c"; -@ionicon-var-chatbubble: "\f11e"; -@ionicon-var-chatbubble-working: "\f11d"; -@ionicon-var-chatbubbles: "\f11f"; -@ionicon-var-checkmark: "\f122"; -@ionicon-var-checkmark-circled: "\f120"; -@ionicon-var-checkmark-round: "\f121"; -@ionicon-var-chevron-down: "\f123"; -@ionicon-var-chevron-left: "\f124"; -@ionicon-var-chevron-right: "\f125"; -@ionicon-var-chevron-up: "\f126"; -@ionicon-var-clipboard: "\f127"; -@ionicon-var-clock: "\f26e"; -@ionicon-var-close: "\f12a"; -@ionicon-var-close-circled: "\f128"; -@ionicon-var-close-round: "\f129"; -@ionicon-var-closed-captioning: "\f317"; -@ionicon-var-cloud: "\f12b"; -@ionicon-var-code: "\f271"; -@ionicon-var-code-download: "\f26f"; -@ionicon-var-code-working: "\f270"; -@ionicon-var-coffee: "\f272"; -@ionicon-var-compass: "\f273"; -@ionicon-var-compose: "\f12c"; -@ionicon-var-connection-bars: "\f274"; -@ionicon-var-contrast: "\f275"; -@ionicon-var-crop: "\f3c1"; -@ionicon-var-cube: "\f318"; -@ionicon-var-disc: "\f12d"; -@ionicon-var-document: "\f12f"; -@ionicon-var-document-text: "\f12e"; -@ionicon-var-drag: "\f130"; -@ionicon-var-earth: "\f276"; -@ionicon-var-easel: "\f3c2"; -@ionicon-var-edit: "\f2bf"; -@ionicon-var-egg: "\f277"; -@ionicon-var-eject: "\f131"; -@ionicon-var-email: "\f132"; -@ionicon-var-email-unread: "\f3c3"; -@ionicon-var-erlenmeyer-flask: "\f3c5"; -@ionicon-var-erlenmeyer-flask-bubbles: "\f3c4"; -@ionicon-var-eye: "\f133"; -@ionicon-var-eye-disabled: "\f306"; -@ionicon-var-female: "\f278"; -@ionicon-var-filing: "\f134"; -@ionicon-var-film-marker: "\f135"; -@ionicon-var-fireball: "\f319"; -@ionicon-var-flag: "\f279"; -@ionicon-var-flame: "\f31a"; -@ionicon-var-flash: "\f137"; -@ionicon-var-flash-off: "\f136"; -@ionicon-var-folder: "\f139"; -@ionicon-var-fork: "\f27a"; -@ionicon-var-fork-repo: "\f2c0"; -@ionicon-var-forward: "\f13a"; -@ionicon-var-funnel: "\f31b"; -@ionicon-var-gear-a: "\f13d"; -@ionicon-var-gear-b: "\f13e"; -@ionicon-var-grid: "\f13f"; -@ionicon-var-hammer: "\f27b"; -@ionicon-var-happy: "\f31c"; -@ionicon-var-happy-outline: "\f3c6"; -@ionicon-var-headphone: "\f140"; -@ionicon-var-heart: "\f141"; -@ionicon-var-heart-broken: "\f31d"; -@ionicon-var-help: "\f143"; -@ionicon-var-help-buoy: "\f27c"; -@ionicon-var-help-circled: "\f142"; -@ionicon-var-home: "\f144"; -@ionicon-var-icecream: "\f27d"; -@ionicon-var-image: "\f147"; -@ionicon-var-images: "\f148"; -@ionicon-var-information: "\f14a"; -@ionicon-var-information-circled: "\f149"; -@ionicon-var-ionic: "\f14b"; -@ionicon-var-ios-alarm: "\f3c8"; -@ionicon-var-ios-alarm-outline: "\f3c7"; -@ionicon-var-ios-albums: "\f3ca"; -@ionicon-var-ios-albums-outline: "\f3c9"; -@ionicon-var-ios-americanfootball: "\f3cc"; -@ionicon-var-ios-americanfootball-outline: "\f3cb"; -@ionicon-var-ios-analytics: "\f3ce"; -@ionicon-var-ios-analytics-outline: "\f3cd"; -@ionicon-var-ios-arrow-back: "\f3cf"; -@ionicon-var-ios-arrow-down: "\f3d0"; -@ionicon-var-ios-arrow-forward: "\f3d1"; -@ionicon-var-ios-arrow-left: "\f3d2"; -@ionicon-var-ios-arrow-right: "\f3d3"; -@ionicon-var-ios-arrow-thin-down: "\f3d4"; -@ionicon-var-ios-arrow-thin-left: "\f3d5"; -@ionicon-var-ios-arrow-thin-right: "\f3d6"; -@ionicon-var-ios-arrow-thin-up: "\f3d7"; -@ionicon-var-ios-arrow-up: "\f3d8"; -@ionicon-var-ios-at: "\f3da"; -@ionicon-var-ios-at-outline: "\f3d9"; -@ionicon-var-ios-barcode: "\f3dc"; -@ionicon-var-ios-barcode-outline: "\f3db"; -@ionicon-var-ios-baseball: "\f3de"; -@ionicon-var-ios-baseball-outline: "\f3dd"; -@ionicon-var-ios-basketball: "\f3e0"; -@ionicon-var-ios-basketball-outline: "\f3df"; -@ionicon-var-ios-bell: "\f3e2"; -@ionicon-var-ios-bell-outline: "\f3e1"; -@ionicon-var-ios-body: "\f3e4"; -@ionicon-var-ios-body-outline: "\f3e3"; -@ionicon-var-ios-bolt: "\f3e6"; -@ionicon-var-ios-bolt-outline: "\f3e5"; -@ionicon-var-ios-book: "\f3e8"; -@ionicon-var-ios-book-outline: "\f3e7"; -@ionicon-var-ios-bookmarks: "\f3ea"; -@ionicon-var-ios-bookmarks-outline: "\f3e9"; -@ionicon-var-ios-box: "\f3ec"; -@ionicon-var-ios-box-outline: "\f3eb"; -@ionicon-var-ios-briefcase: "\f3ee"; -@ionicon-var-ios-briefcase-outline: "\f3ed"; -@ionicon-var-ios-browsers: "\f3f0"; -@ionicon-var-ios-browsers-outline: "\f3ef"; -@ionicon-var-ios-calculator: "\f3f2"; -@ionicon-var-ios-calculator-outline: "\f3f1"; -@ionicon-var-ios-calendar: "\f3f4"; -@ionicon-var-ios-calendar-outline: "\f3f3"; -@ionicon-var-ios-camera: "\f3f6"; -@ionicon-var-ios-camera-outline: "\f3f5"; -@ionicon-var-ios-cart: "\f3f8"; -@ionicon-var-ios-cart-outline: "\f3f7"; -@ionicon-var-ios-chatboxes: "\f3fa"; -@ionicon-var-ios-chatboxes-outline: "\f3f9"; -@ionicon-var-ios-chatbubble: "\f3fc"; -@ionicon-var-ios-chatbubble-outline: "\f3fb"; -@ionicon-var-ios-checkmark: "\f3ff"; -@ionicon-var-ios-checkmark-empty: "\f3fd"; -@ionicon-var-ios-checkmark-outline: "\f3fe"; -@ionicon-var-ios-circle-filled: "\f400"; -@ionicon-var-ios-circle-outline: "\f401"; -@ionicon-var-ios-clock: "\f403"; -@ionicon-var-ios-clock-outline: "\f402"; -@ionicon-var-ios-close: "\f406"; -@ionicon-var-ios-close-empty: "\f404"; -@ionicon-var-ios-close-outline: "\f405"; -@ionicon-var-ios-cloud: "\f40c"; -@ionicon-var-ios-cloud-download: "\f408"; -@ionicon-var-ios-cloud-download-outline: "\f407"; -@ionicon-var-ios-cloud-outline: "\f409"; -@ionicon-var-ios-cloud-upload: "\f40b"; -@ionicon-var-ios-cloud-upload-outline: "\f40a"; -@ionicon-var-ios-cloudy: "\f410"; -@ionicon-var-ios-cloudy-night: "\f40e"; -@ionicon-var-ios-cloudy-night-outline: "\f40d"; -@ionicon-var-ios-cloudy-outline: "\f40f"; -@ionicon-var-ios-cog: "\f412"; -@ionicon-var-ios-cog-outline: "\f411"; -@ionicon-var-ios-color-filter: "\f414"; -@ionicon-var-ios-color-filter-outline: "\f413"; -@ionicon-var-ios-color-wand: "\f416"; -@ionicon-var-ios-color-wand-outline: "\f415"; -@ionicon-var-ios-compose: "\f418"; -@ionicon-var-ios-compose-outline: "\f417"; -@ionicon-var-ios-contact: "\f41a"; -@ionicon-var-ios-contact-outline: "\f419"; -@ionicon-var-ios-copy: "\f41c"; -@ionicon-var-ios-copy-outline: "\f41b"; -@ionicon-var-ios-crop: "\f41e"; -@ionicon-var-ios-crop-strong: "\f41d"; -@ionicon-var-ios-download: "\f420"; -@ionicon-var-ios-download-outline: "\f41f"; -@ionicon-var-ios-drag: "\f421"; -@ionicon-var-ios-email: "\f423"; -@ionicon-var-ios-email-outline: "\f422"; -@ionicon-var-ios-eye: "\f425"; -@ionicon-var-ios-eye-outline: "\f424"; -@ionicon-var-ios-fastforward: "\f427"; -@ionicon-var-ios-fastforward-outline: "\f426"; -@ionicon-var-ios-filing: "\f429"; -@ionicon-var-ios-filing-outline: "\f428"; -@ionicon-var-ios-film: "\f42b"; -@ionicon-var-ios-film-outline: "\f42a"; -@ionicon-var-ios-flag: "\f42d"; -@ionicon-var-ios-flag-outline: "\f42c"; -@ionicon-var-ios-flame: "\f42f"; -@ionicon-var-ios-flame-outline: "\f42e"; -@ionicon-var-ios-flask: "\f431"; -@ionicon-var-ios-flask-outline: "\f430"; -@ionicon-var-ios-flower: "\f433"; -@ionicon-var-ios-flower-outline: "\f432"; -@ionicon-var-ios-folder: "\f435"; -@ionicon-var-ios-folder-outline: "\f434"; -@ionicon-var-ios-football: "\f437"; -@ionicon-var-ios-football-outline: "\f436"; -@ionicon-var-ios-game-controller-a: "\f439"; -@ionicon-var-ios-game-controller-a-outline: "\f438"; -@ionicon-var-ios-game-controller-b: "\f43b"; -@ionicon-var-ios-game-controller-b-outline: "\f43a"; -@ionicon-var-ios-gear: "\f43d"; -@ionicon-var-ios-gear-outline: "\f43c"; -@ionicon-var-ios-glasses: "\f43f"; -@ionicon-var-ios-glasses-outline: "\f43e"; -@ionicon-var-ios-grid-view: "\f441"; -@ionicon-var-ios-grid-view-outline: "\f440"; -@ionicon-var-ios-heart: "\f443"; -@ionicon-var-ios-heart-outline: "\f442"; -@ionicon-var-ios-help: "\f446"; -@ionicon-var-ios-help-empty: "\f444"; -@ionicon-var-ios-help-outline: "\f445"; -@ionicon-var-ios-home: "\f448"; -@ionicon-var-ios-home-outline: "\f447"; -@ionicon-var-ios-infinite: "\f44a"; -@ionicon-var-ios-infinite-outline: "\f449"; -@ionicon-var-ios-information: "\f44d"; -@ionicon-var-ios-information-empty: "\f44b"; -@ionicon-var-ios-information-outline: "\f44c"; -@ionicon-var-ios-ionic-outline: "\f44e"; -@ionicon-var-ios-keypad: "\f450"; -@ionicon-var-ios-keypad-outline: "\f44f"; -@ionicon-var-ios-lightbulb: "\f452"; -@ionicon-var-ios-lightbulb-outline: "\f451"; -@ionicon-var-ios-list: "\f454"; -@ionicon-var-ios-list-outline: "\f453"; -@ionicon-var-ios-location: "\f456"; -@ionicon-var-ios-location-outline: "\f455"; -@ionicon-var-ios-locked: "\f458"; -@ionicon-var-ios-locked-outline: "\f457"; -@ionicon-var-ios-loop: "\f45a"; -@ionicon-var-ios-loop-strong: "\f459"; -@ionicon-var-ios-medical: "\f45c"; -@ionicon-var-ios-medical-outline: "\f45b"; -@ionicon-var-ios-medkit: "\f45e"; -@ionicon-var-ios-medkit-outline: "\f45d"; -@ionicon-var-ios-mic: "\f461"; -@ionicon-var-ios-mic-off: "\f45f"; -@ionicon-var-ios-mic-outline: "\f460"; -@ionicon-var-ios-minus: "\f464"; -@ionicon-var-ios-minus-empty: "\f462"; -@ionicon-var-ios-minus-outline: "\f463"; -@ionicon-var-ios-monitor: "\f466"; -@ionicon-var-ios-monitor-outline: "\f465"; -@ionicon-var-ios-moon: "\f468"; -@ionicon-var-ios-moon-outline: "\f467"; -@ionicon-var-ios-more: "\f46a"; -@ionicon-var-ios-more-outline: "\f469"; -@ionicon-var-ios-musical-note: "\f46b"; -@ionicon-var-ios-musical-notes: "\f46c"; -@ionicon-var-ios-navigate: "\f46e"; -@ionicon-var-ios-navigate-outline: "\f46d"; -@ionicon-var-ios-nutrition: "\f470"; -@ionicon-var-ios-nutrition-outline: "\f46f"; -@ionicon-var-ios-paper: "\f472"; -@ionicon-var-ios-paper-outline: "\f471"; -@ionicon-var-ios-paperplane: "\f474"; -@ionicon-var-ios-paperplane-outline: "\f473"; -@ionicon-var-ios-partlysunny: "\f476"; -@ionicon-var-ios-partlysunny-outline: "\f475"; -@ionicon-var-ios-pause: "\f478"; -@ionicon-var-ios-pause-outline: "\f477"; -@ionicon-var-ios-paw: "\f47a"; -@ionicon-var-ios-paw-outline: "\f479"; -@ionicon-var-ios-people: "\f47c"; -@ionicon-var-ios-people-outline: "\f47b"; -@ionicon-var-ios-person: "\f47e"; -@ionicon-var-ios-person-outline: "\f47d"; -@ionicon-var-ios-personadd: "\f480"; -@ionicon-var-ios-personadd-outline: "\f47f"; -@ionicon-var-ios-photos: "\f482"; -@ionicon-var-ios-photos-outline: "\f481"; -@ionicon-var-ios-pie: "\f484"; -@ionicon-var-ios-pie-outline: "\f483"; -@ionicon-var-ios-pint: "\f486"; -@ionicon-var-ios-pint-outline: "\f485"; -@ionicon-var-ios-play: "\f488"; -@ionicon-var-ios-play-outline: "\f487"; -@ionicon-var-ios-plus: "\f48b"; -@ionicon-var-ios-plus-empty: "\f489"; -@ionicon-var-ios-plus-outline: "\f48a"; -@ionicon-var-ios-pricetag: "\f48d"; -@ionicon-var-ios-pricetag-outline: "\f48c"; -@ionicon-var-ios-pricetags: "\f48f"; -@ionicon-var-ios-pricetags-outline: "\f48e"; -@ionicon-var-ios-printer: "\f491"; -@ionicon-var-ios-printer-outline: "\f490"; -@ionicon-var-ios-pulse: "\f493"; -@ionicon-var-ios-pulse-strong: "\f492"; -@ionicon-var-ios-rainy: "\f495"; -@ionicon-var-ios-rainy-outline: "\f494"; -@ionicon-var-ios-recording: "\f497"; -@ionicon-var-ios-recording-outline: "\f496"; -@ionicon-var-ios-redo: "\f499"; -@ionicon-var-ios-redo-outline: "\f498"; -@ionicon-var-ios-refresh: "\f49c"; -@ionicon-var-ios-refresh-empty: "\f49a"; -@ionicon-var-ios-refresh-outline: "\f49b"; -@ionicon-var-ios-reload: "\f49d"; -@ionicon-var-ios-reverse-camera: "\f49f"; -@ionicon-var-ios-reverse-camera-outline: "\f49e"; -@ionicon-var-ios-rewind: "\f4a1"; -@ionicon-var-ios-rewind-outline: "\f4a0"; -@ionicon-var-ios-rose: "\f4a3"; -@ionicon-var-ios-rose-outline: "\f4a2"; -@ionicon-var-ios-search: "\f4a5"; -@ionicon-var-ios-search-strong: "\f4a4"; -@ionicon-var-ios-settings: "\f4a7"; -@ionicon-var-ios-settings-strong: "\f4a6"; -@ionicon-var-ios-shuffle: "\f4a9"; -@ionicon-var-ios-shuffle-strong: "\f4a8"; -@ionicon-var-ios-skipbackward: "\f4ab"; -@ionicon-var-ios-skipbackward-outline: "\f4aa"; -@ionicon-var-ios-skipforward: "\f4ad"; -@ionicon-var-ios-skipforward-outline: "\f4ac"; -@ionicon-var-ios-snowy: "\f4ae"; -@ionicon-var-ios-speedometer: "\f4b0"; -@ionicon-var-ios-speedometer-outline: "\f4af"; -@ionicon-var-ios-star: "\f4b3"; -@ionicon-var-ios-star-half: "\f4b1"; -@ionicon-var-ios-star-outline: "\f4b2"; -@ionicon-var-ios-stopwatch: "\f4b5"; -@ionicon-var-ios-stopwatch-outline: "\f4b4"; -@ionicon-var-ios-sunny: "\f4b7"; -@ionicon-var-ios-sunny-outline: "\f4b6"; -@ionicon-var-ios-telephone: "\f4b9"; -@ionicon-var-ios-telephone-outline: "\f4b8"; -@ionicon-var-ios-tennisball: "\f4bb"; -@ionicon-var-ios-tennisball-outline: "\f4ba"; -@ionicon-var-ios-thunderstorm: "\f4bd"; -@ionicon-var-ios-thunderstorm-outline: "\f4bc"; -@ionicon-var-ios-time: "\f4bf"; -@ionicon-var-ios-time-outline: "\f4be"; -@ionicon-var-ios-timer: "\f4c1"; -@ionicon-var-ios-timer-outline: "\f4c0"; -@ionicon-var-ios-toggle: "\f4c3"; -@ionicon-var-ios-toggle-outline: "\f4c2"; -@ionicon-var-ios-trash: "\f4c5"; -@ionicon-var-ios-trash-outline: "\f4c4"; -@ionicon-var-ios-undo: "\f4c7"; -@ionicon-var-ios-undo-outline: "\f4c6"; -@ionicon-var-ios-unlocked: "\f4c9"; -@ionicon-var-ios-unlocked-outline: "\f4c8"; -@ionicon-var-ios-upload: "\f4cb"; -@ionicon-var-ios-upload-outline: "\f4ca"; -@ionicon-var-ios-videocam: "\f4cd"; -@ionicon-var-ios-videocam-outline: "\f4cc"; -@ionicon-var-ios-volume-high: "\f4ce"; -@ionicon-var-ios-volume-low: "\f4cf"; -@ionicon-var-ios-wineglass: "\f4d1"; -@ionicon-var-ios-wineglass-outline: "\f4d0"; -@ionicon-var-ios-world: "\f4d3"; -@ionicon-var-ios-world-outline: "\f4d2"; -@ionicon-var-ipad: "\f1f9"; -@ionicon-var-iphone: "\f1fa"; -@ionicon-var-ipod: "\f1fb"; -@ionicon-var-jet: "\f295"; -@ionicon-var-key: "\f296"; -@ionicon-var-knife: "\f297"; -@ionicon-var-laptop: "\f1fc"; -@ionicon-var-leaf: "\f1fd"; -@ionicon-var-levels: "\f298"; -@ionicon-var-lightbulb: "\f299"; -@ionicon-var-link: "\f1fe"; -@ionicon-var-load-a: "\f29a"; -@ionicon-var-load-b: "\f29b"; -@ionicon-var-load-c: "\f29c"; -@ionicon-var-load-d: "\f29d"; -@ionicon-var-location: "\f1ff"; -@ionicon-var-lock-combination: "\f4d4"; -@ionicon-var-locked: "\f200"; -@ionicon-var-log-in: "\f29e"; -@ionicon-var-log-out: "\f29f"; -@ionicon-var-loop: "\f201"; -@ionicon-var-magnet: "\f2a0"; -@ionicon-var-male: "\f2a1"; -@ionicon-var-man: "\f202"; -@ionicon-var-map: "\f203"; -@ionicon-var-medkit: "\f2a2"; -@ionicon-var-merge: "\f33f"; -@ionicon-var-mic-a: "\f204"; -@ionicon-var-mic-b: "\f205"; -@ionicon-var-mic-c: "\f206"; -@ionicon-var-minus: "\f209"; -@ionicon-var-minus-circled: "\f207"; -@ionicon-var-minus-round: "\f208"; -@ionicon-var-model-s: "\f2c1"; -@ionicon-var-monitor: "\f20a"; -@ionicon-var-more: "\f20b"; -@ionicon-var-mouse: "\f340"; -@ionicon-var-music-note: "\f20c"; -@ionicon-var-navicon: "\f20e"; -@ionicon-var-navicon-round: "\f20d"; -@ionicon-var-navigate: "\f2a3"; -@ionicon-var-network: "\f341"; -@ionicon-var-no-smoking: "\f2c2"; -@ionicon-var-nuclear: "\f2a4"; -@ionicon-var-outlet: "\f342"; -@ionicon-var-paintbrush: "\f4d5"; -@ionicon-var-paintbucket: "\f4d6"; -@ionicon-var-paper-airplane: "\f2c3"; -@ionicon-var-paperclip: "\f20f"; -@ionicon-var-pause: "\f210"; -@ionicon-var-person: "\f213"; -@ionicon-var-person-add: "\f211"; -@ionicon-var-person-stalker: "\f212"; -@ionicon-var-pie-graph: "\f2a5"; -@ionicon-var-pin: "\f2a6"; -@ionicon-var-pinpoint: "\f2a7"; -@ionicon-var-pizza: "\f2a8"; -@ionicon-var-plane: "\f214"; -@ionicon-var-planet: "\f343"; -@ionicon-var-play: "\f215"; -@ionicon-var-playstation: "\f30a"; -@ionicon-var-plus: "\f218"; -@ionicon-var-plus-circled: "\f216"; -@ionicon-var-plus-round: "\f217"; -@ionicon-var-podium: "\f344"; -@ionicon-var-pound: "\f219"; -@ionicon-var-power: "\f2a9"; -@ionicon-var-pricetag: "\f2aa"; -@ionicon-var-pricetags: "\f2ab"; -@ionicon-var-printer: "\f21a"; -@ionicon-var-pull-request: "\f345"; -@ionicon-var-qr-scanner: "\f346"; -@ionicon-var-quote: "\f347"; -@ionicon-var-radio-waves: "\f2ac"; -@ionicon-var-record: "\f21b"; -@ionicon-var-refresh: "\f21c"; -@ionicon-var-reply: "\f21e"; -@ionicon-var-reply-all: "\f21d"; -@ionicon-var-ribbon-a: "\f348"; -@ionicon-var-ribbon-b: "\f349"; -@ionicon-var-sad: "\f34a"; -@ionicon-var-sad-outline: "\f4d7"; -@ionicon-var-scissors: "\f34b"; -@ionicon-var-search: "\f21f"; -@ionicon-var-settings: "\f2ad"; -@ionicon-var-share: "\f220"; -@ionicon-var-shuffle: "\f221"; -@ionicon-var-skip-backward: "\f222"; -@ionicon-var-skip-forward: "\f223"; -@ionicon-var-social-android: "\f225"; -@ionicon-var-social-android-outline: "\f224"; -@ionicon-var-social-angular: "\f4d9"; -@ionicon-var-social-angular-outline: "\f4d8"; -@ionicon-var-social-apple: "\f227"; -@ionicon-var-social-apple-outline: "\f226"; -@ionicon-var-social-bitcoin: "\f2af"; -@ionicon-var-social-bitcoin-outline: "\f2ae"; -@ionicon-var-social-buffer: "\f229"; -@ionicon-var-social-buffer-outline: "\f228"; -@ionicon-var-social-chrome: "\f4db"; -@ionicon-var-social-chrome-outline: "\f4da"; -@ionicon-var-social-codepen: "\f4dd"; -@ionicon-var-social-codepen-outline: "\f4dc"; -@ionicon-var-social-css3: "\f4df"; -@ionicon-var-social-css3-outline: "\f4de"; -@ionicon-var-social-designernews: "\f22b"; -@ionicon-var-social-designernews-outline: "\f22a"; -@ionicon-var-social-dribbble: "\f22d"; -@ionicon-var-social-dribbble-outline: "\f22c"; -@ionicon-var-social-dropbox: "\f22f"; -@ionicon-var-social-dropbox-outline: "\f22e"; -@ionicon-var-social-euro: "\f4e1"; -@ionicon-var-social-euro-outline: "\f4e0"; -@ionicon-var-social-facebook: "\f231"; -@ionicon-var-social-facebook-outline: "\f230"; -@ionicon-var-social-foursquare: "\f34d"; -@ionicon-var-social-foursquare-outline: "\f34c"; -@ionicon-var-social-freebsd-devil: "\f2c4"; -@ionicon-var-social-github: "\f233"; -@ionicon-var-social-github-outline: "\f232"; -@ionicon-var-social-google: "\f34f"; -@ionicon-var-social-google-outline: "\f34e"; -@ionicon-var-social-googleplus: "\f235"; -@ionicon-var-social-googleplus-outline: "\f234"; -@ionicon-var-social-hackernews: "\f237"; -@ionicon-var-social-hackernews-outline: "\f236"; -@ionicon-var-social-html5: "\f4e3"; -@ionicon-var-social-html5-outline: "\f4e2"; -@ionicon-var-social-instagram: "\f351"; -@ionicon-var-social-instagram-outline: "\f350"; -@ionicon-var-social-javascript: "\f4e5"; -@ionicon-var-social-javascript-outline: "\f4e4"; -@ionicon-var-social-linkedin: "\f239"; -@ionicon-var-social-linkedin-outline: "\f238"; -@ionicon-var-social-markdown: "\f4e6"; -@ionicon-var-social-nodejs: "\f4e7"; -@ionicon-var-social-octocat: "\f4e8"; -@ionicon-var-social-pinterest: "\f2b1"; -@ionicon-var-social-pinterest-outline: "\f2b0"; -@ionicon-var-social-python: "\f4e9"; -@ionicon-var-social-reddit: "\f23b"; -@ionicon-var-social-reddit-outline: "\f23a"; -@ionicon-var-social-rss: "\f23d"; -@ionicon-var-social-rss-outline: "\f23c"; -@ionicon-var-social-sass: "\f4ea"; -@ionicon-var-social-skype: "\f23f"; -@ionicon-var-social-skype-outline: "\f23e"; -@ionicon-var-social-snapchat: "\f4ec"; -@ionicon-var-social-snapchat-outline: "\f4eb"; -@ionicon-var-social-tumblr: "\f241"; -@ionicon-var-social-tumblr-outline: "\f240"; -@ionicon-var-social-tux: "\f2c5"; -@ionicon-var-social-twitch: "\f4ee"; -@ionicon-var-social-twitch-outline: "\f4ed"; -@ionicon-var-social-twitter: "\f243"; -@ionicon-var-social-twitter-outline: "\f242"; -@ionicon-var-social-usd: "\f353"; -@ionicon-var-social-usd-outline: "\f352"; -@ionicon-var-social-vimeo: "\f245"; -@ionicon-var-social-vimeo-outline: "\f244"; -@ionicon-var-social-whatsapp: "\f4f0"; -@ionicon-var-social-whatsapp-outline: "\f4ef"; -@ionicon-var-social-windows: "\f247"; -@ionicon-var-social-windows-outline: "\f246"; -@ionicon-var-social-wordpress: "\f249"; -@ionicon-var-social-wordpress-outline: "\f248"; -@ionicon-var-social-yahoo: "\f24b"; -@ionicon-var-social-yahoo-outline: "\f24a"; -@ionicon-var-social-yen: "\f4f2"; -@ionicon-var-social-yen-outline: "\f4f1"; -@ionicon-var-social-youtube: "\f24d"; -@ionicon-var-social-youtube-outline: "\f24c"; -@ionicon-var-soup-can: "\f4f4"; -@ionicon-var-soup-can-outline: "\f4f3"; -@ionicon-var-speakerphone: "\f2b2"; -@ionicon-var-speedometer: "\f2b3"; -@ionicon-var-spoon: "\f2b4"; -@ionicon-var-star: "\f24e"; -@ionicon-var-stats-bars: "\f2b5"; -@ionicon-var-steam: "\f30b"; -@ionicon-var-stop: "\f24f"; -@ionicon-var-thermometer: "\f2b6"; -@ionicon-var-thumbsdown: "\f250"; -@ionicon-var-thumbsup: "\f251"; -@ionicon-var-toggle: "\f355"; -@ionicon-var-toggle-filled: "\f354"; -@ionicon-var-transgender: "\f4f5"; -@ionicon-var-trash-a: "\f252"; -@ionicon-var-trash-b: "\f253"; -@ionicon-var-trophy: "\f356"; -@ionicon-var-tshirt: "\f4f7"; -@ionicon-var-tshirt-outline: "\f4f6"; -@ionicon-var-umbrella: "\f2b7"; -@ionicon-var-university: "\f357"; -@ionicon-var-unlocked: "\f254"; -@ionicon-var-upload: "\f255"; -@ionicon-var-usb: "\f2b8"; -@ionicon-var-videocamera: "\f256"; -@ionicon-var-volume-high: "\f257"; -@ionicon-var-volume-low: "\f258"; -@ionicon-var-volume-medium: "\f259"; -@ionicon-var-volume-mute: "\f25a"; -@ionicon-var-wand: "\f358"; -@ionicon-var-waterdrop: "\f25b"; -@ionicon-var-wifi: "\f25c"; -@ionicon-var-wineglass: "\f2b9"; -@ionicon-var-woman: "\f25d"; -@ionicon-var-wrench: "\f2ba"; -@ionicon-var-xbox: "\f30c"; \ No newline at end of file diff --git a/src/styles/common/iconfont/fonts/ionicons.eot b/src/styles/common/iconfont/fonts/ionicons.eot deleted file mode 100755 index 92a3f20a..00000000 Binary files a/src/styles/common/iconfont/fonts/ionicons.eot and /dev/null differ diff --git a/src/styles/common/iconfont/fonts/ionicons.svg b/src/styles/common/iconfont/fonts/ionicons.svg deleted file mode 100755 index 49fc8f36..00000000 --- a/src/styles/common/iconfont/fonts/ionicons.svg +++ /dev/null @@ -1,2230 +0,0 @@ - - - - - -Created by FontForge 20120731 at Thu Dec 4 09:51:48 2014 - By Adam Bradley -Created by Adam Bradley with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/styles/common/iconfont/fonts/ionicons.ttf b/src/styles/common/iconfont/fonts/ionicons.ttf deleted file mode 100755 index c4e46324..00000000 Binary files a/src/styles/common/iconfont/fonts/ionicons.ttf and /dev/null differ diff --git a/src/styles/common/iconfont/fonts/ionicons.woff b/src/styles/common/iconfont/fonts/ionicons.woff deleted file mode 100755 index 5f3a14e0..00000000 Binary files a/src/styles/common/iconfont/fonts/ionicons.woff and /dev/null differ diff --git a/src/styles/common/iconfont/ionicons.less b/src/styles/common/iconfont/ionicons.less deleted file mode 100755 index 163b80e7..00000000 --- a/src/styles/common/iconfont/ionicons.less +++ /dev/null @@ -1,3 +0,0 @@ -@import "_ionicons-variables"; -@import "_ionicons-font"; -@import "_ionicons-icons"; diff --git a/src/styles/common/index.less b/src/styles/common/index.less deleted file mode 100644 index b1c64274..00000000 --- a/src/styles/common/index.less +++ /dev/null @@ -1,4 +0,0 @@ -@import "base"; -@import "iconfont/ionicons"; -@import "layout"; -@import "article"; \ No newline at end of file diff --git a/src/styles/common/layout.less b/src/styles/common/layout.less deleted file mode 100644 index b57119a6..00000000 --- a/src/styles/common/layout.less +++ /dev/null @@ -1,88 +0,0 @@ -.@{row-prefix-cls} { - .make-row(); - display: block; - - &-flex { - display: flex; - flex-direction: row; - flex-wrap: wrap; - - &:before, - &:after { - display: flex; - } - // x轴原点 - &-start { - justify-content: flex-start; - } - // x轴居中 - &-center { - justify-content: center; - } - // x轴反方向 - &-end { - justify-content: flex-end; - } - // x轴平分 - &-space-between { - justify-content: space-between; - } - // x轴有间隔地平分 - &-space-around { - justify-content: space-around; - } - // 顶部对齐 - &-top { - align-items: flex-start; - } - // 居中对齐 - &-middle { - align-items: center; - } - // 底部对齐 - &-bottom { - align-items: flex-end; - } - }; -} - -.@{col-prefix-cls} { - position: relative; - display: block; -} - -.make-grid(); - -// Extra small grid -// -// Columns, offsets, pushes, and pulls for extra small devices like -// smartphones. - -.make-grid(-xs); - -// Small grid -// -// Columns, offsets, pushes, and pulls for the small device range, from phones -// to tablets. - -@media (min-width: @screen-sm-min) { - .make-grid(-sm); -} - - -// Medium grid -// -// Columns, offsets, pushes, and pulls for the desktop device range. - -@media (min-width: @screen-md-min) { - .make-grid(-md); -} - - -// Large grid -// -// Columns, offsets, pushes, and pulls for the large desktop device range. - -@media (min-width: @screen-lg-min) { - .make-grid(-lg); -} diff --git a/src/styles/common/normalize.less b/src/styles/common/normalize.less deleted file mode 100644 index 9b77e0eb..00000000 --- a/src/styles/common/normalize.less +++ /dev/null @@ -1,461 +0,0 @@ -/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ - -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ - -/* Document - ========================================================================== */ - -html { - font-family: sans-serif; /* 1 */ - line-height: 1.15; /* 2 */ - -ms-text-size-adjust: 100%; /* 3 */ - -webkit-text-size-adjust: 100%; /* 3 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers (opinionated). - */ - -body { - margin: 0; -} - -/** - * Add the correct display in IE 9-. - */ - -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in IE. - */ - -figcaption, -figure, -main { /* 1 */ - display: block; -} - -/** - * Add the correct margin in IE 8. - */ - -figure { - margin: 1em 40px; -} - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ - -a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ -} - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ - -a:active, -a:hover { - outline-width: 0; -} - -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ - -b, -strong { - font-weight: inherit; -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font style in Android 4.3-. - */ - -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ - -mark { - background-color: #ff0; - color: #000; -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - */ - -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Remove the border on images inside links in IE 10-. - */ - -img { - border-style: none; -} - -/** - * Hide the overflow in IE. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ - -button, -html [type="button"], /* 1 */ -[type="reset"], -[type="submit"] { - -webkit-appearance: button; /* 2 */ -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Remove the default vertical scrollbar in IE. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - */ - -details, /* 1 */ -menu { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Scripting - ========================================================================== */ - -/** - * Add the correct display in IE 9-. - */ - -canvas { - display: inline-block; -} - -/** - * Add the correct display in IE. - */ - -template { - display: none; -} - -/* Hidden - ========================================================================== */ - -/** - * Add the correct display in IE 10-. - */ - -[hidden] { - display: none; -} diff --git a/src/styles/components/affix.less b/src/styles/components/affix.less deleted file mode 100644 index bdcab9fd..00000000 --- a/src/styles/components/affix.less +++ /dev/null @@ -1,4 +0,0 @@ -.ivu-affix { - position: fixed; - z-index: @zindex-affix; -} diff --git a/src/styles/components/alert.less b/src/styles/components/alert.less deleted file mode 100644 index 15b9f995..00000000 --- a/src/styles/components/alert.less +++ /dev/null @@ -1,101 +0,0 @@ -@alert-prefix-cls: ~"@{css-prefix}alert"; -@icon-prefix-cls: ~"@{css-prefix}icon"; - -.@{alert-prefix-cls}{ - position: relative; - padding: 8px 48px 8px 16px; - border-radius: @border-radius-base; - color: @text-color; - font-size: @font-size-small; - line-height: 16px; - margin-bottom: 10px; - - &&-with-icon{ - padding: 8px 48px 8px 38px; - } - - &-icon { - font-size: @font-size-base; - top: 8px; - left: 16px; - position: absolute; - } - - &-desc { - font-size: @font-size-small; - color: @text-color; - line-height: 21px; - display: none; - text-align: justify; - } - - &-success { - border: 1px solid tint(@success-color, 80%); - background-color: tint(@success-color, 90%); - .@{alert-prefix-cls}-icon { - color: @success-color; - } - } - - &-info { - border: 1px solid tint(@primary-color, 80%); - background-color: tint(@primary-color, 90%); - .@{alert-prefix-cls}-icon { - color: @primary-color; - } - } - - &-warning { - border: 1px solid tint(@warning-color, 80%); - background-color: tint(@warning-color, 90%); - .@{alert-prefix-cls}-icon { - color: @warning-color; - } - } - - &-error { - border: 1px solid tint(@error-color, 80%); - background-color: tint(@error-color, 90%); - .@{alert-prefix-cls}-icon { - color: @error-color; - } - } - - &-close { - .content-close(-3px); - } - - &-with-desc { - padding: 16px; - position: relative; - border-radius: @border-radius-base; - margin-bottom: 10px; - color: @text-color; - line-height: 1.5; - } - - &-with-desc&-with-icon{ - padding: 16px 16px 16px 69px; - } - - &-with-desc &-desc{ - display: block; - } - - &-with-desc &-message { - font-size: 14px; - color: @title-color; - display: block; - } - - &-with-desc &-icon { - top: 50%; - left: 24px; - margin-top: -21px; - font-size: 28px; - } - - &-with-banner{ - border-radius: 0; - } -} \ No newline at end of file diff --git a/src/styles/components/back-top.less b/src/styles/components/back-top.less deleted file mode 100644 index 52e41971..00000000 --- a/src/styles/components/back-top.less +++ /dev/null @@ -1,29 +0,0 @@ -@backtop-prefix-cls: ~"@{css-prefix}back-top"; - -.@{backtop-prefix-cls} { - z-index: @zindex-back-top; - position: fixed; - cursor: pointer; - display: none; - - &.@{backtop-prefix-cls}-show { - display: block; - } - - &-inner { - background-color: rgba(0,0,0,.6); - border-radius: 2px; - box-shadow: 0 1px 3px rgba(0,0,0,.2); - transition: all @transition-time @ease-in-out; - - &:hover { - background-color: rgba(0,0,0,.7); - } - } - - i{ - color: #fff; - font-size: 24px; - padding: 8px 12px; - } -} diff --git a/src/styles/components/badge.less b/src/styles/components/badge.less deleted file mode 100644 index b4c8350d..00000000 --- a/src/styles/components/badge.less +++ /dev/null @@ -1,55 +0,0 @@ -@badge-prefix-cls: ~"@{css-prefix}badge"; - -.@{badge-prefix-cls} { - position: relative; - display: inline-block; - line-height: 1; - vertical-align: middle; - - &-count { - position: absolute; - transform: translateX(50%); - top: -10px; - right: 0; - height: 20px; - border-radius: 10px; - min-width: 20px; - background: @error-color; - border: 1px solid transparent; - color: #fff; - line-height: 18px; - text-align: center; - padding: 0 6px; - font-size: 12px; - white-space: nowrap; - transform-origin: -10% center; - z-index: 10; - box-shadow: 0 0 0 1px #fff; - - a, - a:hover { - color: #fff; - } - - &-alone { - top: auto; - display: block; - position: relative; - transform: translateX(0); - } - } - - &-dot { - position: absolute; - transform: translateX(-50%); - transform-origin: 0 center; - top: -4px; - right: -8px; - height: 8px; - width: 8px; - border-radius: 100%; - background: @error-color; - z-index: 10; - box-shadow: 0 0 0 1px #fff; - } -} diff --git a/src/styles/components/button.less b/src/styles/components/button.less deleted file mode 100644 index dd3c97cd..00000000 --- a/src/styles/components/button.less +++ /dev/null @@ -1,128 +0,0 @@ -@btn-prefix-cls: ~"@{css-prefix}btn"; - -.@{btn-prefix-cls} { - .btn; - .btn-default; - - &-long{ - width: 100%; - } - - & > .ivu-icon + span, & > span + .ivu-icon{ - margin-left: 4px; - } - - &-primary { - .btn-primary; - - .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:not(:first-child):not(:last-child) { - border-right-color: @btn-group-border; - border-left-color: @btn-group-border; - } - - .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:first-child { - &:not(:last-child) { - border-right-color: @btn-group-border; - &[disabled] { - border-right-color: @btn-default-border; - } - } - } - - .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:last-child:not(:first-child), - .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) & + .@{btn-prefix-cls} { - border-left-color: @btn-group-border; - &[disabled] { - border-left-color: @btn-default-border; - } - } - - .@{btn-prefix-cls}-group-vertical &:not(:first-child):not(:last-child) { - border-top-color: @btn-group-border; - border-bottom-color: @btn-group-border; - } - - .@{btn-prefix-cls}-group-vertical &:first-child { - &:not(:last-child) { - border-bottom-color: @btn-group-border; - &[disabled] { - border-top-color: @btn-default-border; - } - } - } - - .@{btn-prefix-cls}-group-vertical &:last-child:not(:first-child), - .@{btn-prefix-cls}-group-vertical & + .@{btn-prefix-cls} { - border-top-color: @btn-group-border; - &[disabled] { - border-bottom-color: @btn-default-border; - } - } - } - - &-ghost { - .btn-ghost; - } - - &-dashed{ - .btn-dashed; - } - - &-text{ - .btn-text; - } - - &-success { - .btn-color(@success-color); - } - - &-warning { - .btn-color(@warning-color); - } - - &-error { - .btn-color(@error-color); - } - - &-info { - .btn-color(@info-color); - } - - &-circle, - &-circle-outline { - .btn-circle(@btn-prefix-cls); - } - - &:before { - position: absolute; - top: -1px; - left: -1px; - bottom: -1px; - right: -1px; - background: #fff; - opacity: 0.35; - content: ''; - border-radius: inherit; - z-index: 1; - transition: opacity @transition-time; - pointer-events: none; - display: none; - } - - &&-loading { - pointer-events: none; - position: relative; - - &:before { - display: block; - } - } - - &-group { - .btn-group(@btn-prefix-cls); - } - - &-group-vertical { - .btn-group-vertical(@btn-prefix-cls); - } -} diff --git a/src/styles/components/card.less b/src/styles/components/card.less deleted file mode 100644 index f6a4fc19..00000000 --- a/src/styles/components/card.less +++ /dev/null @@ -1,50 +0,0 @@ -@card-prefix-cls: ~"@{css-prefix}card"; - -.@{card-prefix-cls}{ - background: #fff; - border-radius: @border-radius-small; - font-size: @font-size-base; - position: relative; - //overflow: hidden; - transition: all @transition-time @ease-in-out; - - &-bordered { - border: 1px solid @border-color-base; - border-color: @border-color-split; - } - - &-shadow{ - box-shadow: @shadow-card; - } - - &:hover { - box-shadow: @shadow-base; - border-color: #eee; - } - &&-dis-hover:hover{ - box-shadow: none; - border-color: transparent; - } - - &&-dis-hover&-bordered:hover{ - border-color: @border-color-split; - } - - &&-shadow:hover{ - box-shadow: @shadow-card; - } - - &-head { - .content-header; - } - - &-extra { - position: absolute; - right: 16px; - top: 14px; - } - - &-body { - padding: 16px; - } -} \ No newline at end of file diff --git a/src/styles/components/carousel.less b/src/styles/components/carousel.less deleted file mode 100644 index d253c436..00000000 --- a/src/styles/components/carousel.less +++ /dev/null @@ -1,174 +0,0 @@ -@carousel-prefix-cls: ~"@{css-prefix}carousel"; -@carousel-item-prefix-cls: ~"@{css-prefix}carousel-item"; - -.@{carousel-prefix-cls} { - position: relative; - display: block; - box-sizing: border-box; - user-select: none; - touch-action: pan-y; - -webkit-tap-highlight-color: transparent; - - &-track, &-list { - transform: translate3d(0, 0, 0); - } - - &-list { - position: relative; - display: block; - overflow: hidden; - - margin: 0; - padding: 0; - } - - &-track { - position: relative; - top: 0; - left: 0; - display: block; - - overflow: hidden; - - z-index: 1; - } - - &-item { - float: left; - height: 100%; - min-height: 1px; - display: block; - } - - &-arrow { - - border: none; - outline: none; - - padding: 0; - margin: 0; - - width: 36px; - height: 36px; - border-radius: 50%; - - cursor: pointer; - - display: none; - - position: absolute; - top: 50%; - z-index: 10; - transform: translateY(-50%); - - transition: @transition-time; - background-color: rgba(31, 45, 61, .11); - color: #fff; - - &:hover { - background-color: rgba(31, 45, 61, 0.5); - } - - text-align: center; - font-size: 1em; - - font-family: inherit; - line-height: inherit; - - & > * { - vertical-align: baseline; - } - - &.left { - left: 16px; - } - - &.right { - right: 16px; - } - - &-always { - display: inherit; - } - - &-hover { - display: inherit; - - opacity: 0; - } - } - - &:hover &-arrow-hover { - opacity: 1; - } - - &-dots { - z-index: 10; - - @padding: 7px; - - display: none; - - position: relative; - &-inside { - display: block; - position: absolute; - bottom: 10px - @padding; - } - - &-outside { - display: block; - margin-top: 10px - @padding; - } - - list-style: none; - - text-align: center; - - padding: 0; - width: 100%; - height: 3px + @padding * 2; - - li { - position: relative; - display: inline-block; - - vertical-align: top; - text-align: center; - - margin: 0 2px; - padding: @padding 0; - - cursor: pointer; - - button { - border: 0; - cursor: pointer; - - background: #8391a5; - opacity: 0.3; - - display: block; - width: 16px; - height: 3px; - - border-radius: 1px; - outline: none; - - font-size: 0; - color: transparent; - - transition: all .5s; - } - - &:hover > button { - opacity: 0.7; - } - - &.@{carousel-prefix-cls}-active > button { - opacity: 1; - width: 24px; - } - } - } -} diff --git a/src/styles/components/cascader.less b/src/styles/components/cascader.less deleted file mode 100644 index a6a79d51..00000000 --- a/src/styles/components/cascader.less +++ /dev/null @@ -1,99 +0,0 @@ -@cascader-prefix-cls: ~"@{css-prefix}cascader"; -@cascader-item-prefix-cls: ~"@{css-prefix}cascader-menu-item"; - -.@{cascader-prefix-cls} { - //position: relative; - line-height: normal; - - &-rel{ - position: relative; - } - - .@{css-prefix}input{ - display: block; - cursor: pointer; - } - &-disabled .@{css-prefix}input{ - cursor: @cursor-disabled; - } - - .@{cascader-prefix-cls}-arrow:nth-of-type(1) { - display: none; - cursor: pointer; - } - - &:hover { - .@{cascader-prefix-cls}-arrow:nth-of-type(1) { - display: inline-block; - } - } - &-show-clear:hover .@{cascader-prefix-cls}-arrow:nth-of-type(2){ - display: none; - } - - &-arrow { - .inner-arrow(); - } - &-visible &-arrow:nth-of-type(2) { - transform: rotate(180deg); - } - - .@{select-dropdown-prefix-cls} { - width: auto; - padding: 0; - white-space: nowrap; - overflow: visible; - } - - .select-item(@cascader-prefix-cls, @cascader-item-prefix-cls); - - &-menu{ - display: inline-block; - min-width: 100px; - height: 180px; - margin: 0; - padding: 5px 0 !important; - vertical-align: top; - list-style: none; - border-right: 1px solid @border-color-split; - overflow: auto; - - &:first-child { - - } - &:last-child { - border-right-color: transparent; - margin-right: -1px; - } - &:only-child { - - } - - & &-item{ - position: relative; - padding-right: 24px; - transition: all @transition-time @ease-in-out; - - i{ - font-size: @font-size-small; - position: absolute; - right: 15px; - top: 50%; - margin-top: -6px; - } - - &-active{ - background-color: @background-color-select-hover; - color: @primary-color; - } - } - } -} - -.@{form-item-prefix-cls}-error{ - .@{cascader-prefix-cls} { - &-arrow{ - color: @error-color; - } - } -} \ No newline at end of file diff --git a/src/styles/components/checkbox.less b/src/styles/components/checkbox.less deleted file mode 100644 index 11da709e..00000000 --- a/src/styles/components/checkbox.less +++ /dev/null @@ -1,2 +0,0 @@ -@checkbox-prefix-cls: ~"@{css-prefix}checkbox"; -.checkboxFn(); \ No newline at end of file diff --git a/src/styles/components/circle.less b/src/styles/components/circle.less deleted file mode 100644 index 5914cb62..00000000 --- a/src/styles/components/circle.less +++ /dev/null @@ -1,16 +0,0 @@ -@circle-prefix-cls: ~"@{css-prefix}chart-circle"; - -.@{circle-prefix-cls}{ - display: inline-block; - position: relative; - - &-inner { - width: 100%; - text-align: center; - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); - line-height: 1; - } -} diff --git a/src/styles/components/collapse.less b/src/styles/components/collapse.less deleted file mode 100644 index 8a128006..00000000 --- a/src/styles/components/collapse.less +++ /dev/null @@ -1,51 +0,0 @@ -@collapse-prefix-cls: ~"@{css-prefix}collapse"; - -.@{collapse-prefix-cls}{ - background-color: @background-color-base; - border-radius: 3px; - border: 1px solid @border-color-base; - - & > &-item{ - border-top: 1px solid @border-color-base; - &:first-child { - border-top: 0; - } - - > .@{collapse-prefix-cls}-header{ - height: 38px; - line-height: 38px; - padding-left: 32px; - color: #666; - cursor: pointer; - position: relative; - - > i{ - transition: transform @transition-time @ease-in-out; - } - } - } - & > &-item&-item-active > &-header > i{ - transform: rotate(90deg); - } - - &-content{ - //display: none; - overflow: hidden; - color: @text-color; - padding: 0 16px; - background-color: #fff; - - & > &-box { - padding-top: 16px; - padding-bottom: 16px; - } - } - &-item-active > &-content{ - //display: block; - } - &-item:last-child { - > .@{collapse-prefix-cls}-content { - border-radius: 0 0 3px 3px; - } - } -} diff --git a/src/styles/components/date-picker.less b/src/styles/components/date-picker.less deleted file mode 100644 index 4455dbf2..00000000 --- a/src/styles/components/date-picker.less +++ /dev/null @@ -1,270 +0,0 @@ -@date-picker-prefix-cls: ~"@{css-prefix}date-picker"; -@picker-prefix-cls: ~"@{css-prefix}picker"; - -@date-picker-cells-width: 196px; - -.@{date-picker-prefix-cls} { - //position: relative; - line-height: normal; - &-rel{ - position: relative; - } - .@{select-dropdown-prefix-cls} { - width: auto; - padding: 0; - overflow: visible; - max-height: none; - } - &-cells{ - width: @date-picker-cells-width; - margin: 10px; - span{ - display: inline-block; - width: 24px; - height: 24px; - - em{ - display: inline-block; - width: 24px; - height: 24px; - line-height: 24px; - margin: 2px; - font-style: normal; - border-radius: @btn-border-radius-small; - text-align: center; - transition: all @transition-time @ease-in-out; - } - } - &-header span{ - line-height: 24px; - text-align: center; - margin: 2px; - color: @btn-disable-color; - } - &-cell{ - span&{ - width: 28px; - height: 28px; - cursor: pointer; - } - &:hover{ - em{ - background: @date-picker-cell-hover-bg; - } - } - &-prev-month,&-next-month{ - em{ - color: @btn-disable-color; - } - &:hover{ - em{ - background: transparent; - } - } - } - span&-disabled,span&-disabled:hover{ - cursor: @cursor-disabled; - background: @btn-disable-bg; - color: @btn-disable-color; - em{ - color: inherit; - background: inherit; - } - } - &-today{ - em { - position: relative; - &:after{ - content: ''; - display: block; - width: 6px; - height: 6px; - border-radius: 50%; - background: @primary-color; - position: absolute; - top: 1px; - right: 1px; - } - } - } - &-range{ - position: relative; - em{ - position: relative; - z-index: 1; - } - &:before{ - content: ''; - display: block; - background: @date-picker-cell-hover-bg; - border-radius: 0; - border: 0; - position: absolute; - top: 2px; - bottom: 2px; - left: 0; - right: 0; - } - } - &-selected,&-selected:hover - { - em{ - background: @primary-color; - color: #fff; - } - } - span&-disabled&-selected{ - em { - background: @btn-disable-color; - color: @btn-disable-bg; - } - } - &-today&-selected - { - em{ - &:after{ - background: #fff; - } - } - } - } - } - - &-cells-year,&-cells-month{ - margin-top: 14px; - span{ - width: 40px; - height: 28px; - line-height: 28px; - margin: 10px 12px; - border-radius: @btn-border-radius-small; - em{ - width: 40px; - height: 28px; - line-height: 28px; - margin: 0; - } - } - } - - &-header{ - height: 32px; - line-height: 32px; - text-align: center; - border-bottom: 1px solid @border-color-split; - &-label{ - cursor: pointer; - transition: color @transition-time @ease-in-out; - &:hover{ - color: @primary-color; - } - } - } - &-prev-btn{ - float: left; - &-arrow-double{ - margin-left: 10px; - i:after{ - content: "\F3D2"; - } - } - } - &-next-btn{ - float: right; - &-arrow-double{ - margin-right: 10px; - i:after{ - content: "\F3D3"; - } - } - } - - &-with-range{ - .@{picker-prefix-cls}-panel{ - &-body{ - min-width: (@date-picker-cells-width + 20) * 2; - } - &-content{ - float: left; - } - } - } -} - -.@{picker-prefix-cls} { - &-panel{ - &-icon-btn{ - display: inline-block; - width: 20px; - height: 24px; - line-height: 26px; - margin-top: 4px; - text-align: center; - cursor: pointer; - color: @btn-disable-color; - transition: color @transition-time @ease-in-out; - &:hover{ - color: @primary-color; - } - i{ - font-size: 14px; - } - } - - &-body-wrapper&-with-sidebar{ - padding-left: 92px; - } - &-sidebar{ - width: 92px; - float: left; - margin-left: -92px; - position: absolute; - top: 0; - bottom: 0; - background: @table-thead-bg; - border-right: 1px solid @border-color-split; - border-radius: @border-radius-small 0 0 @border-radius-small; - overflow: auto; - } - &-shortcut{ - padding: @btn-padding-large; - transition: all @transition-time @ease-in-out; - cursor: pointer; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - - &:hover{ - background: @border-color-split; - } - } - &-body{ - float: left; - } - } - - &-confirm{ - border-top: 1px solid @border-color-split; - text-align: right; - padding: 8px; - clear: both; - & > span{ - color: @link-color; - cursor: pointer; - user-select: none; - float: left; - padding: 2px 0; - transition: all @transition-time @ease-in-out; - &:hover{ - color: @link-hover-color; - } - &:active{ - color: @link-active-color; - } - } - & > span&-time-disabled{ - color: @btn-disable-color; - cursor: @cursor-disabled; - } - } -} \ No newline at end of file diff --git a/src/styles/components/dropdown.less b/src/styles/components/dropdown.less deleted file mode 100644 index d70f0963..00000000 --- a/src/styles/components/dropdown.less +++ /dev/null @@ -1,26 +0,0 @@ -@dropdown-prefix-cls: ~"@{css-prefix}dropdown"; -@dropdown-item-prefix-cls: ~"@{dropdown-prefix-cls}-item"; - -.@{dropdown-prefix-cls} { - display: inline-block; - //position: relative; - - .@{select-dropdown-prefix-cls} { - overflow: visible; - max-height: none; - } - .@{dropdown-prefix-cls} { - width: 100%; - } - - &-rel{ - display: inline-block; - position: relative; - } - - &-menu{ - min-width: 100px; - } -} - -.select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls); \ No newline at end of file diff --git a/src/styles/components/form.less b/src/styles/components/form.less deleted file mode 100644 index ee2f07fc..00000000 --- a/src/styles/components/form.less +++ /dev/null @@ -1,71 +0,0 @@ -@form-prefix-cls: ~"@{css-prefix}form"; -@form-item-prefix-cls: ~"@{form-prefix-cls}-item"; - -.@{form-prefix-cls} { - .@{form-item-prefix-cls}-label { - text-align: right; - vertical-align: middle; - float: left; - font-size: @font-size-small; - color: @text-color; - line-height: 1; - padding: 10px 12px 10px 0; - box-sizing: border-box; - } - &-label-left .@{form-item-prefix-cls}-label { - text-align: left; - } - &-label-top .@{form-item-prefix-cls}-label { - float: none; - display: inline-block; - padding: 0 0 10px 0; - } - &-inline{ - .@{form-item-prefix-cls} { - display: inline-block; - margin-right: 10px; - vertical-align: top; - } - } -} - -.@{form-item-prefix-cls} { - margin-bottom: 24px; - vertical-align: top; - .clearfix(); - &-content { - position: relative; - line-height: 32px; - font-size: @font-size-small; - } - & & { - margin-bottom: 0; - } - & & &-content { - margin-left: 0!important; - } - - &-error-tip{ - position: absolute; - top: 100%; - left: 0; - line-height: 1; - padding-top: 6px; - color: @error-color; - } - - &-required { - .@{form-item-prefix-cls}-label:before { - content: '*'; - display: inline-block; - margin-right: 4px; - line-height: 1; - font-family: SimSun; - font-size: @font-size-small; - color: @error-color; - } - } - &-error { - // todo - } -} \ No newline at end of file diff --git a/src/styles/components/index.less b/src/styles/components/index.less deleted file mode 100644 index 880f375a..00000000 --- a/src/styles/components/index.less +++ /dev/null @@ -1,41 +0,0 @@ -@import "button"; -@import "affix"; -@import "back-top"; -@import "badge"; -@import "circle"; -@import "spin"; -@import "alert"; -@import "collapse"; -@import "card"; -@import "message"; -@import "notice"; -@import "radio"; -@import "checkbox"; -@import "switch"; -@import "input-number"; -@import "tag"; -@import "loading-bar"; -@import "progress"; -@import "timeline"; -@import "page"; -@import "steps"; -@import "modal"; -@import "select"; -@import "select-dropdown"; -@import "tooltip"; -@import "poptip"; -@import "input"; -@import "slider"; -@import "cascader"; -@import "transfer"; -@import "table"; -@import "dropdown"; -@import "tabs"; -@import "menu"; -@import "date-picker"; -@import "time-picker"; -@import "form"; -@import "carousel"; -@import "rate"; -@import "upload"; -@import "tree"; \ No newline at end of file diff --git a/src/styles/components/input-number.less b/src/styles/components/input-number.less deleted file mode 100644 index 8e07bca0..00000000 --- a/src/styles/components/input-number.less +++ /dev/null @@ -1,195 +0,0 @@ -@input-number-prefix-cls: ~"@{css-prefix}input-number"; - -.handler-disabled() { - opacity: 0.72; - color: #ccc !important; - cursor: @cursor-disabled; -} - -.@{input-number-prefix-cls} { - @radius-wrap: 0 @btn-border-radius @btn-border-radius 0; - - .input; - margin: 0; - padding: 0; - width: 80px; - height: @input-height-base; - line-height: @input-height-base; - vertical-align: middle; - border: 1px solid @border-color-base; - border-radius: @btn-border-radius; - overflow: hidden; - - &-handler-wrap { - width: 22px; - height: 100%; - border-left: 1px solid @border-color-base; - border-radius: @radius-wrap; - background: #fff; - position: absolute; - top: 0; - right: 0; - opacity: 0; - transition: opacity @transition-time @ease-in-out; - } - - &:hover &-handler-wrap { - opacity: 1; - } - - &-handler-up { - cursor: pointer; - &-inner { - top: 1px; - } - } - - &-handler-down { - border-top: 1px solid @border-color-base; - top: -1px; - cursor: pointer; - } - - &-handler { - display: block; - width: 100%; - height: @input-height-base / 2; - line-height: 0; - text-align: center; - overflow: hidden; - color: #999; - position: relative; - - &:hover &-up-inner, - &:hover &-down-inner { - color: tint(@primary-color, 20%); - } - } - - &-handler-up-inner, - &-handler-down-inner { - width: 12px; - height: 12px; - line-height: 12px; - font-size: 14px; - color: #999; - user-select: none; - position: absolute; - right: 4px; - transition: all @transition-time linear; - } - - &:hover { - .hover(); - } - - &-focused { - .active(); - } - - &-disabled { - .disabled(); - } - - &-input-wrap { - overflow: hidden; - height: @input-height-base; - } - - &-input { - width: 100%; - height: @input-height-base; - line-height: @input-height-base; - padding: 0 7px; - text-align: left; - outline: 0; - -moz-appearance: textfield; - color: #666; - border: 0; - border-radius: @btn-border-radius; - transition: all @transition-time linear; - - &[disabled] { - .disabled(); - } - } - - &-large { - padding: 0; - .@{input-number-prefix-cls}-input-wrap { - height: @input-height-large; - } - .@{input-number-prefix-cls}-handler { - height: @input-height-large / 2; - } - - input { - height: @input-height-large; - line-height: @input-height-large; - } - - .@{input-number-prefix-cls}-handler-up-inner { - top: 2px; - } - .@{input-number-prefix-cls}-handler-down-inner { - bottom: 2px; - } - } - - &-small { - padding: 0; - .@{input-number-prefix-cls}-input-wrap { - height: @input-height-small; - } - .@{input-number-prefix-cls}-handler { - height: @input-height-small / 2; - } - - input { - height: @input-height-small; - line-height: @input-height-small; - margin-top: -1px; - vertical-align: top; - } - .@{input-number-prefix-cls}-handler-up-inner { - top: -1px; - } - .@{input-number-prefix-cls}-handler-down-inner { - bottom: -1px; - } - } - - - - &-handler-down-disabled, - &-handler-up-disabled, - &-disabled { - .@{input-number-prefix-cls}-handler-down-inner, - .@{input-number-prefix-cls}-handler-up-inner { - .handler-disabled(); - } - } - - &-disabled { - .@{input-number-prefix-cls}-input { - opacity: 0.72; - cursor: @cursor-disabled; - background-color: #f3f3f3; - } - .@{input-number-prefix-cls}-handler-wrap { - display: none; - } - .@{input-number-prefix-cls}-handler { - .handler-disabled(); - } - } -} - -.@{form-item-prefix-cls}-error { - .@{input-number-prefix-cls}{ - .input-error; - &-focused { - .active-error; - } - } -} \ No newline at end of file diff --git a/src/styles/components/input.less b/src/styles/components/input.less deleted file mode 100644 index 45e21f98..00000000 --- a/src/styles/components/input.less +++ /dev/null @@ -1,68 +0,0 @@ -@input-prefix-cls: ~"@{css-prefix}input"; - -.@{input-prefix-cls} { - .input; - &-wrapper{ - display: inline-block; - width: 100%; - position: relative; - vertical-align: middle; - } - &-icon { - width: 32px; - height: @input-height-base; - line-height: @input-height-base; - font-size: 16px; - text-align: center; - color: @subsidiary-color; - position: absolute; - right: 0; - z-index: 1; - } - &-icon-validate{ - display: none; - } - - &-icon + &{ - padding-right: 32px; - } - - &-wrapper-large &-icon{ - font-size: 18px; - height: @input-height-large; - line-height: @input-height-large; - } - &-wrapper-small &-icon{ - width: 24px; - font-size: 14px; - height: @input-height-small; - line-height: @input-height-small; - - + .@{input-prefix-cls} { - padding-right: 24px; - } - } -} - -.@{input-prefix-cls}-group{ - .input-group(~"@{input-prefix-cls}"); -} - -.@{form-item-prefix-cls}-error{ - .@{input-prefix-cls}{ - .input-error; - &-icon{ - color: @error-color; - } - } - .@{input-prefix-cls}-group{ - .input-group-error; - } -} -.@{form-item-prefix-cls}-validating{ - .@{input-prefix-cls}{ - &-icon-validate{ - display: inline-block; - } - } -} \ No newline at end of file diff --git a/src/styles/components/loading-bar.less b/src/styles/components/loading-bar.less deleted file mode 100644 index 8d8ade8e..00000000 --- a/src/styles/components/loading-bar.less +++ /dev/null @@ -1,22 +0,0 @@ -@loading-bar-prefix-cls: ~"@{css-prefix}loading-bar"; - -.@{loading-bar-prefix-cls} { - width: 100%; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: @zindex-loading-bar; - - &-inner { - transition: width @transition-time linear; - - &-color-primary { - background-color: @primary-color; - } - - &-failed-color-error { - background-color: @error-color; - } - } -} diff --git a/src/styles/components/menu.less b/src/styles/components/menu.less deleted file mode 100644 index dc5affc2..00000000 --- a/src/styles/components/menu.less +++ /dev/null @@ -1,235 +0,0 @@ -@menu-prefix-cls: ~"@{css-prefix}menu"; -@menu-dropdown-item-prefix-cls: ~"@{menu-prefix-cls}-horizontal .@{menu-prefix-cls}-submenu .@{select-dropdown-prefix-cls} .@{menu-prefix-cls}-item"; - -.@{menu-prefix-cls} { - display: block; - margin: 0; - padding: 0; - outline: none; - list-style: none; - color: @text-color; - font-size: @font-size-base; - position: relative; - - &-horizontal{ - height: 60px; - line-height: 60px; - - &.@{menu-prefix-cls}-light{ - &:after{ - content: ''; - display: block; - width: 100%; - height: 1px; - background: @border-color-base; - position: absolute; - bottom: 0; - left: 0; - } - } - } - &-vertical{ - &.@{menu-prefix-cls}-light{ - &:after{ - content: ''; - display: block; - width: 1px; - height: 100%; - background: @border-color-base; - position: absolute; - top: 0; - bottom: 0; - right: 0; - z-index: 1; - } - } - } - - &-light{ - background: #fff; - } - &-dark{ - background: @title-color; - } - &-primary{ - background: @primary-color; - } - - &-item{ - display: block; - outline: none; - list-style: none; - font-size: @font-size-base; - position: relative; - z-index: 1; - cursor: pointer; - transition: all @transition-time @ease-in-out; - } - &-item > i{ - margin-right: 6px; - } - &-submenu-title > i, &-submenu-title span > i{ - margin-right: 8px; - } - - &-horizontal &-item, - &-horizontal &-submenu - { - float: left; - padding: 0 20px; - position: relative; - cursor: pointer; - z-index: 3; - transition: all @transition-time @ease-in-out; - } - - &-light&-horizontal &-item, &-light&-horizontal &-submenu{ - height: inherit; - line-height: inherit; - border-bottom: 2px solid transparent; - color: @text-color; - &-active, &:hover{ - color: @primary-color; - border-bottom: 2px solid @primary-color; - } - } - - &-dark&-horizontal &-item, &-dark&-horizontal &-submenu{ - color: @subsidiary-color; - &-active, &:hover{ - color: #fff; - } - } - - &-primary&-horizontal &-item, &-primary&-horizontal &-submenu{ - color: #fff; - &-active, &:hover{ - background: @link-active-color; - } - } - - &-horizontal &-submenu .@{select-dropdown-prefix-cls} { - min-width: 100%; - width: auto; - max-height: none; - .@{menu-prefix-cls}-item{ - height: auto; - line-height: normal; - border-bottom: 0; - float: none; - } - } - - &-item-group{ - line-height: normal; - &-title { - height: 30px; - line-height: 30px; - padding-left: 8px; - font-size: @font-size-small; - color: @legend-color; - } - - & > ul{ - padding: 0 !important; - list-style: none !important; - } - } - - // vertical - &-vertical &-item, - &-vertical &-submenu-title - { - padding: 14px 24px; - position: relative; - cursor: pointer; - z-index: 1; - transition: all @transition-time @ease-in-out; - - &:hover{ - background: @background-color-select-hover; - } - } - - &-vertical &-submenu-title-icon{ - float: right; - position: relative; - top: 4px; - } - &-submenu-title-icon { - transition: transform @transition-time @ease-in-out; - } - &-opened &-submenu-title-icon{ - transform: rotate(180deg); - } - - &-vertical &-submenu &-item{ - padding-left: 43px; - } - &-vertical &-item-group{ - &-title{ - height: 48px; - line-height: 48px; - font-size: @font-size-base; - padding-left: 28px; - } - } - &-dark&-vertical &-item-group{ - &-title{ - color: @text-color; - } - } - - &-light&-vertical &-item{ - border-right: 2px solid transparent; - &-active:not(.@{menu-prefix-cls}-submenu){ - color: @primary-color; - border-right: 2px solid @primary-color; - z-index: 2; - } - } - - &-dark&-vertical &-item, &-dark&-vertical &-submenu-title{ - color: @subsidiary-color; - &-active:not(.@{menu-prefix-cls}-submenu), - &-active:not(.@{menu-prefix-cls}-submenu):hover - { - background: @menu-dark-active-bg; - } - &:hover{ - color: #fff; - background: @title-color; - } - &-active:not(.@{menu-prefix-cls}-submenu){ - color: @primary-color; - border-right: 2px solid @primary-color; - } - } - &-dark&-vertical &-submenu &-item{ - &:hover{ - color: #fff; - background: transparent !important; - } - &-active,&-active:hover{ - border-right: none; - color: #fff; - background: @primary-color !important; - } - } - &-dark&-vertical &-item-active &-submenu-title{ - color: #fff; - } - - &-dark&-vertical &-opened{ - background: @menu-dark-active-bg; - .@{menu-prefix-cls}-submenu-title{ - background: @title-color; - } - } -} -.select-item(@menu-prefix-cls, @menu-dropdown-item-prefix-cls); - -.@{menu-dropdown-item-prefix-cls} { - padding: 7px 16px 8px; - font-size: @font-size-base !important; -} \ No newline at end of file diff --git a/src/styles/components/message.less b/src/styles/components/message.less deleted file mode 100644 index 7196d63b..00000000 --- a/src/styles/components/message.less +++ /dev/null @@ -1,53 +0,0 @@ -@message-prefix-cls: ~"@{css-prefix}message"; -@icon-prefix-cls: ~"@{css-prefix}icon"; - -.@{message-prefix-cls} { - font-size: @font-size-small; - position: fixed; - z-index: @zindex-message; - width: 100%; - top: 16px; - left: 0; - - &-notice { - width: auto; - vertical-align: middle; - position: absolute; - left: 50%; - } - - &-notice-content { - position: relative; - right: 50%; - padding: 8px 16px; - //border: 1px solid @border-color-split; - border-radius: @border-radius-small; - box-shadow: @shadow-base; - background: #fff; - display: block; - } - - &-success .@{icon-prefix-cls} { - color: @success-color; - } - - &-error .@{icon-prefix-cls} { - color: @error-color; - } - - &-warning .@{icon-prefix-cls} { - color: @warning-color; - } - - &-info .@{icon-prefix-cls}, - &-loading .@{icon-prefix-cls} { - color: @primary-color; - } - - .@{icon-prefix-cls} { - margin-right: 8px; - font-size: 14px; - top: 1px; - position: relative; - } -} \ No newline at end of file diff --git a/src/styles/components/modal.less b/src/styles/components/modal.less deleted file mode 100644 index 6728b3c6..00000000 --- a/src/styles/components/modal.less +++ /dev/null @@ -1,134 +0,0 @@ -@modal-prefix-cls: ~"@{css-prefix}modal"; -@confirm-prefix-cls: ~"@{css-prefix}modal-confirm"; - -.@{modal-prefix-cls} { - width: auto; - margin: 0 auto; - position: relative; - outline: none; - top: 100px; - - &-hidden { - display: none !important; - } - - &-wrap { - position: fixed; - overflow: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: @zindex-modal; - -webkit-overflow-scrolling: touch; - outline: 0; - } - - &-wrap * { - box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - } - - &-mask { - .mask; - } - - &-content { - position: relative; - background-color: #fff; - border: 0; - border-radius: @border-radius-base; - background-clip: padding-box; - } - - &-header { - .content-header; - } - - &-close { - .content-close(1px, 31px); - } - - &-body { - padding: 16px; - font-size: 12px; - line-height: 1.5; - } - - &-footer { - border-top: 1px solid @border-color-split; - padding: 12px 18px 12px 18px; - text-align: right; - button + button { - margin-left: 8px; - margin-bottom: 0; - } - } -} - -@media (max-width: 768px) { - .@{modal-prefix-cls} { - width: auto !important; - margin: 10px; - } - .vertical-center-modal { - .@{modal-prefix-cls} { - flex: 1; - } - } -} - -.@{confirm-prefix-cls} { - padding: 0 4px; - &-head { - - &-title { - display: inline-block; - font-size: @font-size-base; - color: @title-color; - font-weight: 700; - } - } - - &-body{ - margin-top: 6px; - padding-left: 48px; - padding-top: 18px; - font-size: @font-size-small; - color: @text-color; - position: relative; - - &-icon { - font-size: 36px; - position: absolute; - top: 0; - left: 0; - - &-info { - color: @primary-color; - } - &-success { - color: @success-color; - } - &-warning { - color: @warning-color; - } - &-error { - color: @error-color; - } - &-confirm { - color: @warning-color; - } - } - } - - &-footer{ - margin-top: 40px; - text-align: right; - - button + button { - margin-left: 8px; - margin-bottom: 0; - } - } -} \ No newline at end of file diff --git a/src/styles/components/notice.less b/src/styles/components/notice.less deleted file mode 100644 index 88d35eb6..00000000 --- a/src/styles/components/notice.less +++ /dev/null @@ -1,132 +0,0 @@ -@notice-prefix-cls: ~"@{css-prefix}notice"; -@icon-prefix-cls: ~"@{css-prefix}icon"; - -@notice-width: 335px; -@notice-padding: 16px; -@notice-margin-bottom: 10px; - -.@{notice-prefix-cls} { - width: @notice-width; - margin-right: 24px; - position: fixed; - z-index: @zindex-notification; - - &-notice { - margin-bottom: @notice-margin-bottom; - padding: @notice-padding; - //border: 1px solid @border-color-split; - border-radius: @border-radius-small; - box-shadow: @shadow-base; - background: #fff; - line-height: 1; - position: relative; - overflow: hidden; - - &-close { - position: absolute; - right: 16px; - top: 15px; - color: #999; - outline: none; - - i{ - .close-base(-3px); - } - } - - &-with-desc{ - .@{notice-prefix-cls}-notice-close{ - top: 11px; - } - } - } - - &-title { - font-size: @font-size-base; - color: @title-color; - padding-right: 10px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - &-with-desc &-title{ - margin-bottom: 8px; - } - &-with-desc&-with-icon &-title{ - margin-left: 51px; - } - - &-desc { - font-size: 12px; - color: @legend-color; - text-align: justify; - line-height: 1.5; - } - &-with-desc&-with-icon &-desc{ - margin-left: 51px; - } - - &-with-icon &-title{ - margin-left: 26px; - } - - &-icon { - position: absolute; - left: 20px; - margin-top: -1px; - font-size: 16px; - - &-success { - color: @success-color; - } - &-info { - color: @primary-color; - } - &-warning { - color: @warning-color; - } - &-error { - color: @error-color; - } - } - &-with-desc &-icon{ - font-size: 36px; - } - - &-custom-content{ - &:after{ - content: ""; - display: block; - width: 4px; - position: absolute; - top: 0; - bottom: 0; - left: 0; - } - } - &-with-normal{ - &:after{ - background: @primary-color; - } - } - &-with-info{ - &:after{ - background: @primary-color; - } - } - &-with-success{ - &:after{ - background: @success-color; - } - } - &-with-warning{ - &:after{ - background: @warning-color; - } - } - &-with-error{ - &:after{ - background: @error-color; - } - } -} \ No newline at end of file diff --git a/src/styles/components/page.less b/src/styles/components/page.less deleted file mode 100644 index 00709182..00000000 --- a/src/styles/components/page.less +++ /dev/null @@ -1,269 +0,0 @@ -@page-prefix-cls: ~"@{css-prefix}page"; - -.@{page-prefix-cls} { - &:after { - content: ''; - display: block; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden; - } - - &-item { - float: left; - min-width: @btn-circle-size; - height: @btn-circle-size; - line-height: @btn-circle-size - 2px; - margin-right: 4px; - text-align: center; - list-style: none; - background-color: #fff; - user-select: none; - cursor: pointer; - font-family: Arial; - border: 1px solid @border-color-base; - border-radius: @btn-border-radius; - transition: all @transition-time @ease-in-out; - - a { - margin: 0 6px; - text-decoration: none; - color: @text-color; - //transition: none; - } - - &:hover { - border-color: @primary-color; - a { - color: @primary-color; - } - } - - &-active { - background-color: @primary-color; - border-color: @primary-color; - - a, &:hover a { - color: #fff; - } - } - } - - &-item-jump-prev, &-item-jump-next { - &:after { - content: "•••"; - display: block; - letter-spacing: 1px; - color: #ccc; - text-align: center; - } - - i{ - display: none; - } - - &:hover { - &:after{ - display: none; - } - i{ - display: inline; - } - } - } - - &-item-jump-prev:hover { - i:after { - content: "\F3D2"; - } - } - - &-item-jump-next:hover { - i:after { - content: "\F3D3"; - } - } - - &-prev{ - margin-right: 8px; - } - - &-item-jump-prev, - &-item-jump-next{ - margin-right: 4px; - } - - &-next{ - margin-left: 4px; - } - - &-prev, - &-next, - &-item-jump-prev, - &-item-jump-next { - display: inline-block; - float: left; - min-width: @btn-circle-size; - height: @btn-circle-size; - line-height: @btn-circle-size - 2px; - list-style: none; - text-align: center; - cursor: pointer; - color: #666; - font-family: Arial; - border: 1px solid @border-color-base; - border-radius: @btn-border-radius; - transition: all @transition-time @ease-in-out; - } - - &-prev, - &-next { - background-color: #fff; - - a { - color: #666; - font-size: 14px; - } - - &:hover { - border-color: @primary-color; - - a { - color: @primary-color; - } - } - } - - &-disabled { - cursor: @cursor-disabled; - a { - color: #ccc; - } - &:hover { - border-color: @border-color-base; - a { - color: #ccc; - cursor: @cursor-disabled; - } - } - } - - &-options { - float: left; - margin-left: 15px; - &-sizer { - float: left; - margin-right: 10px; - } - - &-elevator { - float: left; - height: @btn-circle-size; - line-height: @btn-circle-size; - - input { - .input; - border-radius: @btn-border-radius; - margin: 0 8px; - width: 50px; - } - } - } - - &-total { - float: left; - height: @btn-circle-size; - line-height: @btn-circle-size; - margin-right: 10px; - } - - &-simple &-prev, - &-simple &-next { - margin: 0; - border: 0; - height: 24px; - line-height: 24px; - font-size: 18px; - } - - &-simple &-simple-pager { - float: left; - margin-right: 8px; - - input { - width: 30px; - height: 24px; - margin: 0 8px; - padding: 5px 8px; - text-align: center; - box-sizing: border-box; - background-color: #fff; - outline: none; - border: 1px solid @border-color-base; - border-radius: @btn-border-radius; - transition: border-color @transition-time @ease-in-out; - - &:hover { - border-color: @primary-color; - } - } - - span{ - padding: 0 8px 0 2px; - } - } -} - -.@{page-prefix-cls} { - &.mini &-total { - height: @btn-circle-size-small; - line-height: @btn-circle-size-small; - } - - &.mini &-item { - border: 0; - margin: 0; - min-width: @btn-circle-size-small; - height: @btn-circle-size-small; - line-height: @btn-circle-size-small; - border-radius: @btn-border-radius-small; - } - - &.mini &-prev, - &.mini &-next { - margin: 0; - min-width: @btn-circle-size-small; - height: @btn-circle-size-small; - line-height: @btn-circle-size-small; - border: 0; - - a { - i:after { - height: @btn-circle-size-small; - line-height: @btn-circle-size-small; - } - } - } - - &.mini &-item-jump-prev, - &.mini &-item-jump-next { - height: @btn-circle-size-small; - line-height: @btn-circle-size-small; - border: none; - margin-right: 0; - } - - &.mini &-options { - margin-left: 8px; - &-elevator { - height: @btn-circle-size-small; - line-height: @btn-circle-size-small; - - input { - .input-small; - width: 44px; - } - } - } -} diff --git a/src/styles/components/poptip.less b/src/styles/components/poptip.less deleted file mode 100644 index 00e871c6..00000000 --- a/src/styles/components/poptip.less +++ /dev/null @@ -1,146 +0,0 @@ -@poptip-prefix-cls: ~"@{css-prefix}poptip"; -@poptip-arrow: ~"@{poptip-prefix-cls}-arrow"; -@poptip-max-width: 250px; -@poptip-arrow-width: 5px; -@poptip-arrow-outer-width: (@poptip-arrow-width + 1); -@poptip-distance: @poptip-arrow-width - 1 + 4; -//@poptip-arrow-color: fadein(@border-color-base, 5%); -@poptip-arrow-color: hsla(0,0%,85%,.5); - -.@{poptip-prefix-cls} { - display: inline-block; - - &-rel{ - display: inline-block; - position: relative; - } - - &-title { - margin: 0; - padding: 8px 16px; - position: relative; - - &:after{ - content: ''; - display: block; - height: 1px; - position: absolute; - left: 8px; - right: 8px; - bottom: 0; - background-color: @border-color-split; - } - - &-inner{ - color: @title-color; - font-size: @font-size-base; - } - } - - &-body{ - padding: 8px 16px; - - &-content{ - overflow: auto; - - &-inner{ - color: @text-color; - } - } - } - - &-inner{ - width: 100%; - background-color: #fff; - background-clip: padding-box; - //border: 1px solid @border-color-split; - border-radius: @border-radius-small; - box-shadow: @shadow-base; - white-space: nowrap; - } - - &-popper{ - min-width: 150px; - font-size: @font-size-small; - .popper(@poptip-arrow, @poptip-arrow-width, @poptip-distance, @poptip-arrow-color); - - &[x-placement^="top"] .@{poptip-arrow}:after { - content: " "; - bottom: 1px; - margin-left: -@poptip-arrow-width; - border-bottom-width: 0; - border-top-color: #fff; - } - - &[x-placement^="right"] .@{poptip-arrow}:after { - content: " "; - left: 1px; - bottom: -@poptip-arrow-width; - border-left-width: 0; - border-right-color: #fff; - } - - &[x-placement^="bottom"] .@{poptip-arrow}:after { - content: " "; - top: 1px; - margin-left: -@poptip-arrow-width; - border-top-width: 0; - border-bottom-color: #fff; - } - - &[x-placement^="left"] .@{poptip-arrow}:after { - content: " "; - right: 1px; - border-right-width: 0; - border-left-color: #fff; - bottom: -@poptip-arrow-width; - } - } - - &-arrow{ - &, &:after{ - display: block; - width: 0; - height: 0; - position: absolute; - border-color: transparent; - border-style: solid; - } - } - &-arrow { - border-width: @poptip-arrow-outer-width; - } - &-arrow:after{ - content: ""; - border-width: @poptip-arrow-width; - } - - &-confirm &-popper{ - max-width: 300px; - } - &-confirm &-inner{ - white-space: normal; - } - - &-confirm &-body{ - padding: 16px 16px 8px; - .ivu-icon{ - font-size: 16px; - color: @warning-color; - line-height: 18px; - position: absolute; - } - - &-message{ - padding-left: 20px; - } - } - - &-confirm &-footer{ - text-align: right; - padding: 8px 16px 16px; - button { - margin-left: 4px; - } - } -} \ No newline at end of file diff --git a/src/styles/components/progress.less b/src/styles/components/progress.less deleted file mode 100644 index bfcf04f5..00000000 --- a/src/styles/components/progress.less +++ /dev/null @@ -1,87 +0,0 @@ -@progress-prefix-cls: ~"@{css-prefix}progress"; - -.@{progress-prefix-cls} { - display: inline-block; - width: 100%; - font-size: @font-size-small; - position: relative; - - &-outer { - display: inline-block; - width: 100%; - margin-right: 0; - padding-right: 0; - - .@{progress-prefix-cls}-show-info & { - padding-right: 55px; - margin-right: -55px; - } - } - - &-inner { - display: inline-block; - width: 100%; - background-color: #f3f3f3; - border-radius: 100px; - vertical-align: middle; - } - - &-bg { - border-radius: 100px; - background-color: @info-color; - transition: all @transition-time linear; - position: relative; - } - - &-text { - display: inline-block; - margin-left: 5px; - text-align: left; - font-size: 1em; - vertical-align: middle; - } - - &-active { - .@{progress-prefix-cls}-bg:before { - content: ''; - opacity: 0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #fff; - border-radius: 10px; - animation: ivu-progress-active 2s @ease-in-out infinite; - } - } - - &-wrong { - .@{progress-prefix-cls}-bg { - background-color: @error-color; - } - .@{progress-prefix-cls}-text { - color: @error-color; - } - } - - &-success { - .@{progress-prefix-cls}-bg { - background-color: @success-color; - } - .@{progress-prefix-cls}-text { - color: @success-color; - } - } -} - -@keyframes ivu-progress-active { - 0% { - opacity: .3; - width: 0; - } - 100% { - opacity: 0; - width: 100%; - } -} diff --git a/src/styles/components/radio.less b/src/styles/components/radio.less deleted file mode 100644 index d5e9e8b2..00000000 --- a/src/styles/components/radio.less +++ /dev/null @@ -1,268 +0,0 @@ -@radio-prefix-cls: ~"@{css-prefix}radio"; -@radio-group-prefix-cls: ~"@{radio-prefix-cls}-group"; -@radio-inner-prefix-cls: ~"@{radio-prefix-cls}-inner"; -@radio-group-button-prefix-cls: ~"@{radio-group-prefix-cls}-button"; - -.@{radio-group-prefix-cls} { - display: inline-block; - font-size: @font-size-small; - &-vertical{ - .@{radio-prefix-cls}-wrapper { - display: block; - height: 30px; - line-height: 30px; - } - } -} - -// 普通状态 -.@{radio-prefix-cls}-wrapper { - font-size: @font-size-small; - vertical-align: middle; - display: inline-block; - position: relative; - white-space: nowrap; - margin-right: 8px; - cursor: pointer; - &-disabled{ - cursor: @cursor-disabled; - } -} - -.@{radio-prefix-cls} { - display: inline-block; - margin-right: 4px; - white-space: nowrap; - outline: none; - position: relative; - line-height: 1; - vertical-align: middle; - cursor: pointer; - &:hover { - .@{radio-inner-prefix-cls} { - border-color: #bcbcbc; - } - } - &-inner { - display: inline-block; - width: 14px; - height: 14px; - position: relative; - top: 0; - left: 0; - background-color: #fff; - border: 1px solid @border-color-base; - border-radius: 50%; - transition: all @transition-time @ease-in-out; - - &:after { - position: absolute; - width: 8px; - height: 8px; - left: 2px; - top: 2px; - border-radius: @border-radius-base; - display: table; - border-top: 0; - border-left: 0; - content: ' '; - background-color: @primary-color; - opacity: 0; - transition: all @transition-time @ease-in-out; - transform: scale(0); - } - } - - &-input { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1; - opacity: 0; - cursor: pointer; - } -} - -// 选中状态 -.@{radio-prefix-cls}-checked { - .@{radio-inner-prefix-cls} { - border-color: @primary-color; - &:after { - opacity: 1; - transform: scale(1); - transition: all @transition-time @ease-in-out; - } - } - &:hover { - .@{radio-inner-prefix-cls} { - border-color: @primary-color; - } - } -} - -.@{radio-prefix-cls}-disabled { - cursor: @cursor-disabled; - .@{radio-prefix-cls}-input { - cursor: @cursor-disabled; - } - - &:hover { - .@{radio-inner-prefix-cls} { - border-color: @border-color-base; - } - } - .@{radio-inner-prefix-cls} { - border-color: @border-color-base; - background-color: #f3f3f3; - &:after { - background-color: #cccccc; - } - } - - .@{radio-prefix-cls}-disabled + span { - color: #ccc; - } -} - -span.@{radio-prefix-cls} + * { - margin-left: 2px; - margin-right: 2px; -} - -// 按钮样式 -.@{radio-group-button-prefix-cls} { - font-size: 0; - -webkit-text-size-adjust:none; - - .@{radio-prefix-cls}{ - width: 0; - margin-right: 0; - } - - .@{radio-prefix-cls}-wrapper { - display: inline-block; - height: @btn-circle-size; - line-height: @btn-circle-size - 2px; - margin: 0; - padding: 0 16px; - font-size: @font-size-small; - color: @btn-default-color; - transition: all @transition-time ease-in-out; - cursor: pointer; - border: 1px solid @border-color-base; - border-left: 0; - background: #fff; - - > span { - margin-left: 0; - } - - &:before { - content: ''; - position: absolute; - width: 1px; - height: 100%; - left: -1px; - background: @border-color-base; - visibility: hidden; - transition: all @transition-time ease-in-out; - } - - &:first-child { - border-radius: @btn-border-radius 0 0 @btn-border-radius; - border-left: 1px solid @border-color-base; - &:before { - display: none; - } - } - - &:last-child { - border-radius: 0 @btn-border-radius @btn-border-radius 0; - } - - &:first-child:last-child { - border-radius: @btn-border-radius; - } - - &:hover { - position: relative; - color: @primary-color; - } - - .@{radio-prefix-cls}-inner, - input { - opacity: 0; - width: 0; - height: 0; - } - - &-checked { - background: #fff; - border-color: @primary-color; - color: @primary-color; - box-shadow: -1px 0 0 0 @primary-color; - - &:first-child { - border-color: @primary-color; - box-shadow: none!important; - } - - &:hover { - border-color: tint(@primary-color, 20%); - box-shadow: -1px 0 0 0 tint(@primary-color, 20%); - color: tint(@primary-color, 20%); - } - - &:active { - border-color: shade(@primary-color, 5%); - box-shadow: -1px 0 0 0 shade(@primary-color, 5%); - color: shade(@primary-color, 5%); - } - } - - &-disabled { - border-color: @border-color-base; - background-color: @background-color-base; - cursor: @cursor-disabled; - color: #ccc; - - &:first-child, - &:hover { - border-color: @border-color-base; - background-color: @background-color-base; - color: #ccc; - } - &:first-child { - border-left-color: @border-color-base; - } - } - - &-disabled.@{radio-prefix-cls}-wrapper-checked { - color: #fff; - background-color: #e6e6e6; - border-color: @border-color-base; - box-shadow: none!important; - } - } -} - -.@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-large .@{radio-prefix-cls}-wrapper{ - height: @btn-circle-size-large; - line-height: @btn-circle-size-large - 2px; - font-size: @font-size-base; -} - -.@{radio-group-button-prefix-cls}.@{radio-group-prefix-cls}-small .@{radio-prefix-cls}-wrapper{ - height: @btn-circle-size-small; - line-height: @btn-circle-size-small - 2px; - padding: 0 12px; - font-size: @font-size-small; - &:first-child { - border-radius: @btn-border-radius-small 0 0 @btn-border-radius-small; - } - &:last-child { - border-radius: 0 @btn-border-radius-small @btn-border-radius-small 0; - } -} diff --git a/src/styles/components/rate.less b/src/styles/components/rate.less deleted file mode 100644 index d1ad1728..00000000 --- a/src/styles/components/rate.less +++ /dev/null @@ -1,72 +0,0 @@ -@rate-prefix-cls: ~"@{css-prefix}rate"; - -.@{rate-prefix-cls} { - display: inline-block; - margin: 0; - padding: 0; - font-size: 20px; - vertical-align: middle; - font-weight: normal; - font-style: normal; - - &-disabled &-star { - &:before, - &-content:before { - cursor: default; - } - &:hover { - transform: scale(1); - } - } - - &-star { - display: inline-block; - margin: 0; - padding: 0; - margin-right: 8px; - position: relative; - font-family: 'Ionicons'; - transition: all 0.3s ease; - - &:hover { - transform: scale(1.1); - } - - &:before, - &-content:before { - color: #e9e9e9; - cursor: pointer; - content: "\F4B3"; - transition: all @transition-time @ease-in-out; - display: block; - } - - &-content { - position: absolute; - left: 0; - top: 0; - width: 50%; - height: 100%; - overflow: hidden; - &:before { - color: transparent; - } - } - - &-half &-content:before, - &-full:before { - color: @rate-star-color; - } - - &-half:hover &-content:before, - &-full:hover:before { - color: tint(@rate-star-color, 20%); - } - } - &-text { - margin-left: 8px; - vertical-align: middle; - display: inline-block; - font-size: @font-size-small; - } -} \ No newline at end of file diff --git a/src/styles/components/select-dropdown.less b/src/styles/components/select-dropdown.less deleted file mode 100644 index bd171cbd..00000000 --- a/src/styles/components/select-dropdown.less +++ /dev/null @@ -1,17 +0,0 @@ -@select-dropdown-prefix-cls: ~"@{css-prefix}select-dropdown"; - -.@{select-dropdown-prefix-cls} { - width: inherit; - max-height: 200px; - overflow: auto; - margin: 5px 0; - padding: 5px 0; - background-color: #fff; - box-sizing: border-box; - //border: 1px solid @border-color-split; - border-radius: @btn-border-radius; - //box-shadow: 0 1px 3px rgba(0,0,0,.2); - box-shadow: @shadow-base; - position: absolute; - z-index: @zindex-select; -} \ No newline at end of file diff --git a/src/styles/components/select.less b/src/styles/components/select.less deleted file mode 100644 index 550d4192..00000000 --- a/src/styles/components/select.less +++ /dev/null @@ -1,234 +0,0 @@ -@select-prefix-cls: ~"@{css-prefix}select"; -@select-item-prefix-cls: ~"@{css-prefix}select-item"; -@select-group-prefix-cls: ~"@{css-prefix}select-group"; - -.@{select-prefix-cls} { - display: inline-block; - width: 100%; - box-sizing: border-box; - vertical-align: middle; - color: @text-color; - font-size: @font-size-base; - //position: relative; - line-height: normal; - - &-selection { - display: block; - box-sizing: border-box; - outline: none; - user-select: none; - cursor: pointer; - position: relative; - - background-color: #fff; - border-radius: @btn-border-radius; - border: 1px solid @border-color-base; - transition: all @transition-time @ease-in-out; - - .@{select-prefix-cls}-arrow:nth-of-type(1) { - display: none; - cursor: pointer; - } - - &:hover { - .hover(); - .@{select-prefix-cls}-arrow:nth-of-type(1) { - display: inline-block; - } - } - } - - &-show-clear &-selection:hover .@{select-prefix-cls}-arrow:nth-of-type(2){ - display: none; - } - - &-arrow { - .inner-arrow(); - } - - &-visible{ - .@{select-prefix-cls}-selection{ - .active(); - } - - .@{select-prefix-cls}-arrow:nth-of-type(2) { - transform: rotate(180deg); - } - } - - &-disabled { - .@{select-prefix-cls}-selection { - .disabled(); - - .@{select-prefix-cls}-arrow:nth-of-type(1) { - display: none; - } - - &:hover { - border-color: @border-color-base; - box-shadow: none; - - .@{select-prefix-cls}-arrow:nth-of-type(2) { - display: inline-block; - } - } - } - } - - &-single &-selection{ - height: @input-height-base; - position: relative; - - .@{select-prefix-cls}-placeholder{ - color: @input-placeholder-color; - } - - .@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{ - display: block; - height: @input-height-base - 2px; - line-height: @input-height-base - 2px; - font-size: @font-size-small; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-left: 8px; - padding-right: 24px; - } - } - - &-large&-single &-selection{ - height: @input-height-large; - - .@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{ - height: @input-height-large - 2px; - line-height: @input-height-large - 2px; - font-size: @font-size-base; - } - } - - &-small&-single &-selection{ - height: @input-height-small; - border-radius: @btn-border-radius-small; - - .@{select-prefix-cls}-placeholder, .@{select-prefix-cls}-selected-value{ - height: @input-height-small - 2px; - line-height: @input-height-small - 2px; - } - } - - &-multiple &-selection{ - padding: 0 24px 0 4px; - min-height: @input-height-base; - - .@{select-prefix-cls}-placeholder{ - display: block; - height: @input-height-base - 2px; - line-height: @input-height-base - 2px; - color: @input-placeholder-color; - font-size: @font-size-small; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-left: 4px; - padding-right: 22px; - } - } - - // input - &-input{ - display: inline-block; - height: @input-height-base; - line-height: @input-height-base; - padding: 0 24px 0 8px; - font-size: @font-size-small; - outline: none; - border: none; - box-sizing: border-box; - color: @input-color; - background-color: transparent; - position: relative; - cursor: pointer; - .placeholder(); - } - - &-single &-input{ - width: 100%; - } - - &-large &-input{ - font-size: @font-size-base; - height: @input-height-large; - } - - &-small &-input{ - height: @input-height-small; - } - - &-multiple &-input{ - height: @input-height-base - 3px; - line-height: @input-height-base; - padding: 0 0 0 4px; - } - - &-not-found{ - text-align: center; - color: @btn-disable-color; - } - - &-multiple .@{css-prefix}tag{ - margin: 3px 4px 2px 0; - } -} - -.select-item(@select-prefix-cls, @select-item-prefix-cls); - -.@{select-prefix-cls}-multiple .@{select-item-prefix-cls} { - &-selected{ - color: @selected-color; - background: #fff; - } - &-focus,&-selected:hover{ - background: @background-color-select-hover; - } - - &-selected&-focus { - color: shade(@selected-color, 10%); - background: #fff; - } - - &-selected:after{ - .ivu-icon(); - float: right; - font-size: 24px; - content: '\F3FD'; - color: @selected-color; - } -} - -.@{select-group-prefix-cls} { - list-style: none; - margin: 0; - padding: 0; - - &-title { - padding-left: 8px; - font-size: 12px; - color: @legend-color; - height: 30px; - line-height: 30px; - } -} - -.@{form-item-prefix-cls}-error{ - .@{select-prefix-cls}{ - &-selection{ - border: 1px solid @error-color; - } - &-arrow{ - color: @error-color; - } - &-visible .@{select-prefix-cls}-selection{ - .active-error; - } - } -} \ No newline at end of file diff --git a/src/styles/components/slider.less b/src/styles/components/slider.less deleted file mode 100644 index 4fa9e338..00000000 --- a/src/styles/components/slider.less +++ /dev/null @@ -1,111 +0,0 @@ -@slider-prefix-cls: ~"@{css-prefix}slider"; - -.@{slider-prefix-cls} { - line-height: normal; - &-wrap{ - width: 100%; - height: @slider-height; - margin: @slider-margin; - background-color: @border-color-split; - border-radius: @btn-border-radius-small; - vertical-align: middle; - position: relative; - cursor: pointer; - } - - &-button-wrap{ - .square(@slider-button-wrap-size); - text-align: center; - background-color: transparent; - position: absolute; - top: @slider-button-wrap-offset; - transform: translateX(-50%); - - .@{tooltip-prefix-cls} { - display: block; - user-select: none; - } - } - - &-button{ - width: 12px; - height: 12px; - border: 2px solid @slider-color; - border-radius: 50%; - background-color: #fff; - transition: all @transition-time linear; - - &:hover, - &-dragging - { - border-color: @primary-color; - transform: scale(1.5); - } - - &:hover{ - cursor: grab; - } - &-dragging, - &-dragging:hover - { - cursor: grabbing; - } - } - - &-bar{ - height: @slider-height; - background: @slider-color; - border-radius: @btn-border-radius-small; - position: absolute; - } - - &-stop{ - position: absolute; - .square(@slider-height); - border-radius: 50%; - background-color: @slider-disabled-color; - transform: translateX(-50%); - } -} - -.@{slider-prefix-cls}-disabled{ - cursor: @cursor-disabled; - - .@{slider-prefix-cls}-wrap{ - background-color: @slider-disabled-color; - cursor: @cursor-disabled; - } - .@{slider-prefix-cls}-bar{ - background-color: @slider-disabled-color; - } - - .@{slider-prefix-cls}-button{ - border-color: @slider-disabled-color; - - &:hover, - &-dragging - { - border-color: @slider-disabled-color; - } - &:hover{ - cursor: @cursor-disabled; - } - &-dragging, - &-dragging:hover - { - cursor: @cursor-disabled; - } - } -} - -.@{slider-prefix-cls}-input{ - .@{slider-prefix-cls}-wrap{ - width: auto; - margin-right: 100px; - } - - .@{input-number-prefix-cls}{ - float: right; - margin-top: -14px; - } -} diff --git a/src/styles/components/spin.less b/src/styles/components/spin.less deleted file mode 100644 index d7f425ed..00000000 --- a/src/styles/components/spin.less +++ /dev/null @@ -1,69 +0,0 @@ -@spin-prefix-cls: ~"@{css-prefix}spin"; -@spin-dot-size-small: 12px; -@spin-dot-size: 20px; -@spin-dot-size-large: 32px; - -.@{spin-prefix-cls} { - color: @primary-color; - vertical-align: middle; - text-align: center; - - &-dot { - position: relative; - display: block; - border-radius: 50%; - background-color: @primary-color; - .square(@spin-dot-size); - animation: ani-spin-bounce 1s 0s ease-in-out infinite; - } - - &-large &-dot { - .square(@spin-dot-size-large); - } - - &-small &-dot { - .square(@spin-dot-size-small); - } - - &-fix { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: @zindex-spin; - display: table; - .square(100%); - background-color: #fff; - } - - &-fix &-main { - display: table-cell; - vertical-align: middle; - .square(inherit); - } - - &-fix &-dot { - display: inline-block; - } - - &-text, - &-show-text &-dot { - display: none; - } - - &-show-text &-text { - display: block; - } -} - -@keyframes ani-spin-bounce { - 0% { - transform: scale(0); - } - - 100% { - transform: scale(1); - opacity: 0; - } -} diff --git a/src/styles/components/steps.less b/src/styles/components/steps.less deleted file mode 100644 index e59e5697..00000000 --- a/src/styles/components/steps.less +++ /dev/null @@ -1,353 +0,0 @@ -@steps-prefix-cls: ~"@{css-prefix}steps"; -@steps-wait-icon-color: #ccc; -@steps-wait-title-color: #999; -@steps-wait-description-color: @steps-wait-title-color; -@steps-wait-tail-color: @border-color-split; -@steps-title-color: #666; - -.@{steps-prefix-cls} { - font-size: 0; - width: 100%; - line-height: 1.5; - - &-item{ - display: inline-block; - position: relative; - vertical-align: top; - - &.@{steps-prefix-cls}-status-wait{ - .@{steps-prefix-cls}-head-inner { - background-color: #fff; - > .@{steps-prefix-cls}-icon, span { - color: @steps-wait-icon-color; - } - } - .@{steps-prefix-cls}-title { - color: @steps-wait-title-color; - } - .@{steps-prefix-cls}-content { - color: @steps-wait-description-color; - } - .@{steps-prefix-cls}-tail > i { - background-color: @steps-wait-tail-color; - } - } - &.@{steps-prefix-cls}-status-process { - .@{steps-prefix-cls}-head-inner { - border-color: @primary-color; - background-color: @primary-color; - > .@{steps-prefix-cls}-icon, span { - color: #fff; - } - } - .@{steps-prefix-cls}-title { - color: @steps-title-color; - } - .@{steps-prefix-cls}-content { - color: @steps-title-color; - } - .@{steps-prefix-cls}-tail > i { - background-color: @border-color-split; - } - } - &.@{steps-prefix-cls}-status-finish { - .@{steps-prefix-cls}-head-inner { - background-color: #fff; - border-color: @primary-color; - > .@{steps-prefix-cls}-icon, span { - color: @primary-color; - } - } - .@{steps-prefix-cls}-tail > i:after { - width: 100%; - background: @primary-color; - transition: all @transition-time @ease-in-out; - opacity: 1; - } - .@{steps-prefix-cls}-title { - color: @steps-wait-title-color; - } - .@{steps-prefix-cls}-content { - color: @steps-wait-description-color; - } - } - - &.@{steps-prefix-cls}-status-error { - .@{steps-prefix-cls}-head-inner { - background-color: #fff; - border-color: @error-color; - > .@{steps-prefix-cls}-icon { - color: @error-color; - } - } - .@{steps-prefix-cls}-title { - color: @error-color; - } - .@{steps-prefix-cls}-content { - color: @error-color; - } - .@{steps-prefix-cls}-tail > i { - background-color: @border-color-split; - } - } - - &.@{steps-prefix-cls}-next-error { - .@{steps-prefix-cls}-tail > i, - .@{steps-prefix-cls}-tail > i:after { - background-color: @error-color; - } - } - - &.@{steps-prefix-cls}-custom { - .@{steps-prefix-cls}-head-inner { - background: none; - border: 0; - width: auto; - height: auto; - > .@{steps-prefix-cls}-icon { - font-size: 20px; - top: 2px; - width: 20px; - height: 20px; - } - } - &.@{steps-prefix-cls}-status-process { - .@{steps-prefix-cls}-head-inner > .@{steps-prefix-cls}-icon { - color: @primary-color; - } - } - } - } - &-item:last-child &-tail{ - display: none; - } - - .@{steps-prefix-cls}-head, - .@{steps-prefix-cls}-main { - position: relative; - display: inline-block; - vertical-align: top; - } - .@{steps-prefix-cls}-head { - background: #fff; - } - - .@{steps-prefix-cls}-head-inner { - display: block; - width: 26px; - height: 26px; - line-height: 24px; - margin-right: 8px; - text-align: center; - border: 1px solid @steps-wait-icon-color; - border-radius: 50%; - font-size: 14px; - transition: background-color @transition-time @ease-in-out; - - > .@{steps-prefix-cls}-icon { - line-height: 1; - position: relative; - - &.ivu-icon { - font-size: 24px; - &-ios-checkmark-empty, - &-ios-close-empty { - font-weight: bold; - } - } - } - } - .@{steps-prefix-cls}-main { - margin-top: 2.5px; - display: inline; - } - .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-title{ - margin-top: 2.5px; - } - - .@{steps-prefix-cls}-title { - display: inline-block; - margin-bottom: 4px; - padding-right: 10px; - font-size: 14px; - font-weight: bold; - color: #666; - background: #fff; - - > a:first-child:last-child { - color: #666; - } - } - .@{steps-prefix-cls}-item-last { - .@{steps-prefix-cls}-title { - padding-right: 0; - width: 100%; - } - } - .@{steps-prefix-cls}-content { - font-size: 12px; - color: #999; - } - .@{steps-prefix-cls}-tail { - width: 100%; - padding: 0 10px; - position: absolute; - left: 0; - top: 13px; - > i { - display: inline-block; - width: 100%; - height: 1px; - vertical-align: top; - background: @border-color-split; - border-radius: 1px; - position: relative; - &:after { - content: ''; - width: 0; - height: 100%; - background: @border-color-split; - opacity: 0; - position: absolute; - top: 0; - } - } - } - - &.@{steps-prefix-cls}-small { - .@{steps-prefix-cls}-head-inner { - width: 18px; - height: 18px; - line-height: 16px; - margin-right: 10px; - text-align: center; - border-radius: 50%; - font-size: 12px; - - > .@{steps-prefix-cls}-icon.ivu-icon { - font-size: 16px; - top: 0; - } - } - .@{steps-prefix-cls}-main { - margin-top: 0; - } - .@{steps-prefix-cls}-title { - margin-bottom: 4px; - margin-top: 0; - color: #666; - font-size: 12px; - font-weight: bold; - } - .@{steps-prefix-cls}-content { - font-size: 12px; - color: #999; - padding-left: 30px; - } - .@{steps-prefix-cls}-tail { - top: 8px; - padding: 0 8px; - > i { - height: 1px; - width: 100%; - border-radius: 1px; - } - } - } - - &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner, - .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner { - width: inherit; - height: inherit; - line-height: inherit; - border-radius: 0; - border: 0; - background: none; - } -} - -.@{steps-prefix-cls}-vertical { - .@{steps-prefix-cls}-item { - display: block; - } - - .@{steps-prefix-cls}-tail { - position: absolute; - left: 13px; - top: 0; - height: 100%; - width: 1px; - padding: 30px 0 4px 0; - > i { - height: 100%; - width: 1px; - &:after { - height: 0; - width: 100%; - } - } - } - - .@{steps-prefix-cls}-status-finish { - .@{steps-prefix-cls}-tail > i:after { - height: 100%; - } - } - - .@{steps-prefix-cls}-head { - float: left; - &-inner { - margin-right: 16px; - } - } - - .@{steps-prefix-cls}-main { - min-height: 47px; - overflow: hidden; - display: block; - .@{steps-prefix-cls}-title { - line-height: 26px; - } - .@{steps-prefix-cls}-content { - padding-bottom: 12px; - padding-left: 0; - } - } - - .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon { - left: 4px; - } - &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon { - left: 0; - } -} - -.@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-small { - .@{steps-prefix-cls}-tail { - position: absolute; - left: 9px; - top: 0; - padding: 22px 0 4px 0; - > i { - height: 100%; - } - } - - .@{steps-prefix-cls}-title { - line-height: 18px; - } -} - -.@{steps-prefix-cls}-horizontal { - &.@{steps-prefix-cls}-hidden { - visibility: hidden; - } - .@{steps-prefix-cls}-content { - //max-width: 100px; - padding-left: 35px; - } - .@{steps-prefix-cls}-item:not(:first-child) .@{steps-prefix-cls}-head { - padding-left: 10px; - margin-left: -10px; - } -} diff --git a/src/styles/components/switch.less b/src/styles/components/switch.less deleted file mode 100644 index 1bdc7912..00000000 --- a/src/styles/components/switch.less +++ /dev/null @@ -1,129 +0,0 @@ -@switch-prefix-cls: ~"@{css-prefix}switch"; - -.@{switch-prefix-cls} { - display: inline-block; - width: 48px; - height: 24px; - line-height: 22px; - border-radius: 24px; - vertical-align: middle; - border: 1px solid #ccc; - background-color: #ccc; - position: relative; - cursor: pointer; - user-select: none; - transition: all @transition-time @ease-in-out; - - &-inner { - color: #fff; - font-size: @font-size-small; - position: absolute; - left: 25px; - - i { - width: 12px; - height: 12px; - text-align: center; - } - } - - &:after { - content: ''; - width: 20px; - height: 20px; - border-radius: 20px; - background-color: #fff; - position: absolute; - left: 1px; - top: 1px; - cursor: pointer; - transition: left @transition-time @ease-in-out, width @transition-time @ease-in-out; - } - - &:active:after { - width: 26px; - } - - &:focus { - box-shadow: 0 0 0 2px fade(@primary-color, 20%); - outline: 0; - } - - &:focus:hover { - box-shadow: none; - } - - &-small { - width: 24px; - height: 12px; - line-height: 10px; - &:after { - width: 10px; - height: 10px; - top: 0; - left: 0; - } - &:active:after { - width: 14px; - } - } - - &-small&-checked:after { - left: 12px; - } - - &-small:active&-checked:after { - left: 8px; - } - - &-large{ - width: 60px; - &:active:after { - width: 26px; - } - } - - &-large:active:after { - width: 32px; - } - - &-large&-checked:after { - left: 37px; - } - - &-large:active&-checked:after { - left: 25px; - } - - &-checked { - border-color: @primary-color; - background-color: @primary-color; - - .@{switch-prefix-cls}-inner { - left: 8px; - } - - &:after { - left: 25px; - } - - &:active:after { - left: 19px; - } - } - - &-disabled { - cursor: @cursor-disabled; - background: #f3f3f3; - border-color: #f3f3f3; - - &:after { - background: #ccc; - cursor: not-allowed; - } - - .@{switch-prefix-cls}-inner { - color: #ccc; - } - } -} diff --git a/src/styles/components/table.less b/src/styles/components/table.less deleted file mode 100644 index 576deb5c..00000000 --- a/src/styles/components/table.less +++ /dev/null @@ -1,319 +0,0 @@ -@table-prefix-cls: ~"@{css-prefix}table"; -@table-select-item-prefix-cls: ~"@{table-prefix-cls}-filter-select-item"; - -.@{table-prefix-cls} { - &-wrapper{ - position: relative; - border: 1px solid @border-color-base; - border-bottom: 0; - border-right: 0; - } - width: inherit; - height: 100%; - max-width: 100%; - overflow: hidden; - color: @text-color; - font-size: @font-size-small; - background-color: #fff; - - box-sizing: border-box; - //position: relative; - - &-hide{ - opacity: 0; - } - - &:before{ - content: ''; - width: 100%; - height: 1px; - position: absolute; - left: 0; - bottom: 0; - background-color: @border-color-base; - z-index: 1; - } - - &:after{ - content: ''; - width: 1px; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: @border-color-base; - z-index: 3; - } - - &-with-header{ - //border-radius: @border-radius-base @border-radius-base 0 0; - } - - &-with-footer{ - //border: 1px solid @border-color-base; - //border-radius: 0 0 @border-radius-base @border-radius-base; - } - - &-with-header&-with-footer{ - //border-radius: @border-radius-base; - } - - &-title, &-footer{ - height: 48px; - line-height: 48px; - border-bottom: 1px solid @border-color-split; - } - &-footer{ - border-bottom: none; - } - - &-header{ - overflow: hidden; - } - &-body{ - overflow: auto; - //position: relative; - } - - &-with-fixed-top&-with-footer{ - .@{table-prefix-cls}-footer{ - border-top: 1px solid @border-color-base; - } - tbody tr:last-child td{ - border-bottom: none; - } - } - - th, td - { - min-width: 0; - height: 48px; - box-sizing: border-box; - text-align: left; - text-overflow: ellipsis; - vertical-align: middle; - //position: relative; - border-bottom: 1px solid @border-color-split; - } - - th { - height: 40px; - white-space: nowrap; - overflow: hidden; - background-color: @table-thead-bg; - } - td{ - background-color: #fff; - transition: background-color @transition-time @ease-in-out; - } - - th&-column, - td&-column - { - &-left{ - text-align: left; - } - &-center{ - text-align: center; - } - &-right{ - text-align: right; - } - } - - & table{ - //width: 100%; - table-layout: fixed; - } - &-border{ - th,td{ - border-right: 1px solid @border-color-split; - } - } - &-cell{ - padding-left: 18px; - padding-right: 18px; - overflow: hidden; - text-overflow: ellipsis; - white-space: normal; - word-break: break-all; - box-sizing: border-box; - - &-ellipsis { - word-break: keep-all; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - } - &-hidden{ - visibility: hidden; - } - th &-cell{ - display: inline-block; - //position: relative; - word-wrap: normal; - vertical-align: middle; - } - - &-stripe &-body, - &-stripe &-fixed-body - { - tr:nth-child(2n) { - td{ - background-color: @table-td-stripe-bg; - } - } - } - - tr&-row-hover{ - td{ - background-color: @table-td-hover-bg; - } - } - - &-large { - font-size: @font-size-base; - th{ - height: 48px; - } - td{ - height: 60px; - } - &-title, &-footer{ - height: 60px; - line-height: 60px; - } - } - - &-small{ - th{ - height: 32px; - } - td{ - height: 40px; - } - &-title, &-footer{ - height: 40px; - line-height: 40px; - } - } - - &-row-highlight, - tr&-row-highlight&-row-hover, - &-stripe &-body tr&-row-highlight:nth-child(2n), - &-stripe &-fixed-body tr&-row-highlight:nth-child(2n) - { - td{ - background-color: @table-td-highlight-bg; - } - } - - &-fixed, &-fixed-right{ - position: absolute; - top: 0; - left: 0; - box-shadow: 2px 0 6px -2px rgba(0, 0, 0, 0.2); - - &::before { - content: ''; - width: 100%; - height: 1px; - background-color: @border-color-base; - position: absolute; - left: 0; - bottom: 0; - z-index: 4; - } - } - &-fixed-right{ - top: 0; - left: auto; - right: 0; - box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0.2); - } - &-fixed-header{ - overflow: hidden; - } - &-fixed-body{ - overflow: hidden; - position: relative; - z-index: 3; - } - - &-fixed-shadow { - width: 1px; - height: 100%; - position: absolute; - top: 0; - right: 0; - box-shadow: @shadow-right; - overflow: hidden; - z-index: 1; - } - - &-sort{ - .sortable(); - } - &-filter{ - display: inline-block; - cursor: pointer; - position: relative; - - i{ - color: @btn-disable-color; - transition: color @transition-time @ease-in-out; - &:hover{ - color: inherit; - } - &.on{ - color: @primary-color; - } - } - &-list{ - padding: 8px 0 0; - &-item{ - padding: 0 12px 8px; - - .ivu-checkbox-wrapper + .ivu-checkbox-wrapper{ - margin: 0; - } - label { - display: block; - margin-bottom: 4px; - - & > span{ - margin-right: 4px; - } - } - } - ul{ - padding-bottom: 8px; - } - .select-item(@table-prefix-cls, @table-select-item-prefix-cls); - } - &-footer{ - padding: 4px; - border-top: 1px solid @border-color-split; - } - } - .ivu-poptip-popper{ - min-width: 0; - text-align: left; - } - thead .ivu-poptip-popper{ - .ivu-poptip-body{ - padding: 0; - } - } - - &-tip { - table { - width: 100%; - - td { - text-align: center; - } - } - } -} diff --git a/src/styles/components/tabs.less b/src/styles/components/tabs.less deleted file mode 100644 index 3a3a79d1..00000000 --- a/src/styles/components/tabs.less +++ /dev/null @@ -1,204 +0,0 @@ -@tabs-prefix-cls: ~"@{css-prefix}tabs"; - -.@{tabs-prefix-cls} { - box-sizing: border-box; - position: relative; - overflow: hidden; - color: @text-color; - .clearfix; - - &-bar { - outline: none; - } - - &-ink-bar { - height: 2px; - box-sizing: border-box; - background-color: @primary-color; - position: absolute; - left: 0; - bottom: 1px; - z-index: 1; - transition: transform .3s @ease-in-out; - transform-origin: 0 0; - } - - &-bar { - border-bottom: 1px solid @border-color-base; - margin-bottom: 16px; - } - - &-nav-container { - margin-bottom: -1px; - line-height: @line-height-base; - font-size: @font-size-base; - box-sizing: border-box; - white-space: nowrap; - overflow: hidden; - position: relative; - .clearfix; - } - - &-nav-container-scrolling { - padding-left: 32px; - padding-right: 32px; - } - - &-nav-wrap { - overflow: hidden; - margin-bottom: -1px; - } - - &-nav-scroll { - overflow: hidden; - white-space: nowrap; - } - - &-nav { - padding-left: 0; - margin: 0; - float: left; - list-style: none; - box-sizing: border-box; - position: relative; - transition: transform 0.5s @ease-in-out; - - &:before, - &:after { - display: table; - content: " "; - } - - &:after { - clear: both; - } - - .@{tabs-prefix-cls}-tab-disabled { - pointer-events: none; - cursor: default; - color: #ccc; - } - - .@{tabs-prefix-cls}-tab { - display: inline-block; - height: 100%; - padding: 8px 16px; - margin-right: 16px; - box-sizing: border-box; - cursor: pointer; - text-decoration: none; - position: relative; - transition: color .3s @ease-in-out; - - &:hover { - color: @link-hover-color; - } - - &:active { - color: @link-active-color; - } - .@{css-prefix-iconfont} { - width: 14px; - height: 14px; - margin-right: 8px; - } - } - - .@{tabs-prefix-cls}-tab-active { - color: @primary-color; - } - } - &-mini &-nav-container { - font-size: @font-size-base; - } - - &-mini &-tab { - margin-right: 0; - padding: 8px 16px; - font-size: @font-size-small; - } - - & { - .@{tabs-prefix-cls}-content-animated { - display: flex; - flex-direction: row; - will-change: transform; - transition: transform .3s @ease-in-out; - } - - .@{tabs-prefix-cls}-tabpane { - flex-shrink: 0; - width: 100%; - transition: opacity .3s; - opacity: 1; - } - - .@{tabs-prefix-cls}-tabpane-inactive { - opacity: 0; - height: 0; - } - } - - // card style - &&-card > &-bar &-nav-container { - height: 32px; - } - &&-card > &-bar &-ink-bar { - visibility: hidden; - } - &&-card > &-bar &-tab { - margin: 0; - margin-right: 4px; - height: 31px; - padding: 5px 16px 4px; - border: 1px solid @border-color-base; - border-bottom: 0; - border-radius: @btn-border-radius @btn-border-radius 0 0; - transition: all 0.3s @ease-in-out; - background: @table-thead-bg; - } - &&-card > &-bar &-tab-active { - height: 32px; - padding-bottom: 5px; - background: #fff; - transform: translateZ(0); - border-color: @border-color-base; - color: @primary-color; - } - &&-card > &-bar &-nav-wrap { - margin-bottom: 0; - } - &&-card > &-bar &-tab .@{css-prefix-iconfont}-ios-close-empty { - width: 0; - height: 22px; - font-size: 22px; - margin-right: 0; - color: @legend-color; - text-align: right; - vertical-align: middle; - overflow: hidden; - position: relative; - top: -1px; - transform-origin: 100% 50%; - transition: all 0.3s @ease-in-out; - &:hover { - color: #444; - } - } - - &&-card > &-bar &-tab-active .@{css-prefix-iconfont}-ios-close-empty, - &&-card > &-bar &-tab:hover .@{css-prefix-iconfont}-ios-close-empty { - width: 14px; - transform: translateZ(0); - } -} - -.@{tabs-prefix-cls}-no-animation{ - .@{tabs-prefix-cls}-content { - transform: none!important; - - > .@{tabs-prefix-cls}-tabpane-inactive { - display: none; - } - } -} \ No newline at end of file diff --git a/src/styles/components/tag.less b/src/styles/components/tag.less deleted file mode 100644 index 7f9e9fec..00000000 --- a/src/styles/components/tag.less +++ /dev/null @@ -1,193 +0,0 @@ -@tag-prefix-cls: ~"@{css-prefix}tag"; -@tag-close-prefix-cls: ivu-icon-ios-close-empty; - -.@{tag-prefix-cls} { - display: inline-block; - height: 22px; - line-height: 22px; - margin: 2px 4px 2px 0; - padding: 0 8px; - border: 1px solid @border-color-split; - border-radius: @btn-border-radius-small; - background: @background-color-base; - font-size: @tag-font-size; - vertical-align: middle; - opacity: 1; - overflow: hidden; - cursor: pointer; - //transition: all @transition-time @ease-in-out; - - &-dot{ - height: 32px; - line-height: 32px; - border: 1px solid @border-color-split !important; - color: @text-color !important; - background: #fff !important; - padding: 0 12px; - - &-inner{ - display: inline-block; - width: 12px; - height: 12px; - margin-right: 8px; - border-radius: 50%; - background: @border-color-split; - position: relative; - top: 1px; - } - .@{tag-close-prefix-cls} { - color: #666 !important; - margin-left: 12px !important; - } - } - - &-border{ - height: 24px; - line-height: 24px; - border: 1px solid @border-color-split !important; - color: @text-color !important; - background: #fff !important; - position: relative; - - .@{tag-close-prefix-cls} { - color: #666 !important; - margin-left: 12px !important; - } - - &:after{ - content: ""; - display: none; - width: 1px; - background: @border-color-split; - position: absolute; - top: 0; - bottom: 0; - right: 22px; - } - - &.@{tag-prefix-cls}-closable { - &:after{ - display: block; - } - .@{tag-close-prefix-cls} { - margin-left: 18px !important; - } - } - - &.@{tag-prefix-cls}-blue { - color: @link-color !important; - border: 1px solid @link-color !important; - - &:after{ - background: @link-color; - } - .@{tag-close-prefix-cls}{ - color: @link-color !important; - } - } - &.@{tag-prefix-cls}-green { - color: @success-color !important; - border: 1px solid @success-color !important; - - &:after{ - background: @success-color; - } - .@{tag-close-prefix-cls}{ - color: @success-color !important; - } - } - &.@{tag-prefix-cls}-yellow { - color: @warning-color !important; - border: 1px solid @warning-color !important; - - &:after{ - background: @warning-color; - } - .@{tag-close-prefix-cls}{ - color: @warning-color !important; - } - } - &.@{tag-prefix-cls}-red { - color: @error-color !important; - border: 1px solid @error-color !important; - - &:after{ - background: @error-color; - } - .@{tag-close-prefix-cls}{ - color: @error-color !important; - } - } - } - - &:hover { - opacity: 0.85; - } - - &, - a, - a:hover { - color: @text-color; - } - - &-text { - a:first-child:last-child { - display: inline-block; - margin: 0 -8px; - padding: 0 8px; - } - } - - .@{tag-close-prefix-cls} { - .iconfont-size-under-12px(20px); - cursor: pointer; - margin-left: 8px; - color: #666; - opacity: 0.66; - position: relative; - top: 1px; - //transition: all @transition-time @ease-in-out; - - &:hover { - opacity: 1; - } - } - - &-blue, - &-green, - &-yellow, - &-red { - border: 0; - &, - a, - a:hover, - .@{tag-close-prefix-cls}, - .@{tag-close-prefix-cls}:hover { - color: #fff; - } - } - - &-blue, - &-blue&-dot &-dot-inner - { - background: @link-color; - } - - &-green, - &-green&-dot &-dot-inner - { - background: @success-color; - } - - &-yellow, - &-yellow&-dot &-dot-inner - { - background: @warning-color; - } - - &-red, - &-red&-dot &-dot-inner - { - background: @error-color; - } -} diff --git a/src/styles/components/time-picker.less b/src/styles/components/time-picker.less deleted file mode 100644 index 6d47494a..00000000 --- a/src/styles/components/time-picker.less +++ /dev/null @@ -1,168 +0,0 @@ -@time-picker-prefix-cls: ~"@{css-prefix}time-picker"; -@time-picker-cells-width-base: 56px; -@time-picker-cells-width-with-date-base: 72px; -@time-picker-cells-width: @time-picker-cells-width-base * 2; -@time-picker-cells-width-with-seconds: @time-picker-cells-width-base *3; -@time-picker-cells-width-with-date: @time-picker-cells-width-with-date-base * 2; -@time-picker-cells-width-with-date-with-seconds: @time-picker-cells-width-with-date-base * 3; - -.@{time-picker-prefix-cls} { - &-cells{ - min-width: @time-picker-cells-width; - &-with-seconds{ - min-width: @time-picker-cells-width-with-seconds; - } - - &-list{ - width: @time-picker-cells-width-base; - max-height: 144px; - float: left; - overflow: hidden; - border-left: 1px solid @border-color-split; - position: relative; - &:hover{ - overflow-y: auto; - } - - &:first-child{ - border-left: none; - border-radius: @btn-border-radius 0 0 @btn-border-radius; - } - &:last-child{ - border-radius: 0 @btn-border-radius @btn-border-radius 0; - } - ul{ - width: 100%; - margin: 0; - padding: 0 0 120px 0; - list-style: none; - li{ - width: 100%; - height: 24px; - line-height: 24px; - margin: 0; - padding: 0 0 0 16px; - box-sizing: content-box; - text-align: left; - user-select: none; - cursor: pointer; - list-style: none; - transition: background @transition-time @ease-in-out; - - } - } - } - &-cell{ - &:hover{ - background: @background-color-select-hover; - } - &-disabled { - color: @btn-disable-color; - cursor: @cursor-disabled; - - &:hover { - color: @btn-disable-color; - background-color: #fff; - cursor: @cursor-disabled; - } - } - &-selected ,&-selected:hover{ - color: @primary-color; - background: @background-color-select-hover; - } - } - } - - &-header{ - height: 32px; - line-height: 32px; - text-align: center; - border-bottom: 1px solid @border-color-split; - } - - &-with-range{ - .@{picker-prefix-cls}-panel{ - &-body{ - min-width: @time-picker-cells-width * 2 + 4px; - } - &-content{ - float: left; - position: relative; - - &:after{ - content: ''; - display: block; - width: 2px; - position: absolute; - top: 31px; - bottom: 0; - right: -2px; - background: @border-color-split; - z-index: 1; - } - - &-right{ - float: right; - &:after{ - right: auto; - left: -2px; - } - } - } - } - .@{time-picker-prefix-cls}-cells{ - &-list{ - &:first-child{ - border-radius: 0; - } - &:last-child{ - border-radius: 0; - } - } - } - } - &-with-range&-with-seconds{ - .@{picker-prefix-cls}-panel{ - &-body{ - min-width: @time-picker-cells-width-with-seconds * 2 + 4px; - } - } - } -} - -.@{picker-prefix-cls}-panel-content{ - .@{picker-prefix-cls}-panel-content{ - .@{time-picker-prefix-cls}{ - &-cells{ - min-width: @time-picker-cells-width-with-date-with-seconds; - &-with-seconds{ - min-width: @time-picker-cells-width-with-date-with-seconds; - .@{time-picker-prefix-cls}-cells-list{ - width: @time-picker-cells-width-with-date-with-seconds / 3; - ul{ - li{ - padding: 0 0 0 28px; - } - } - } - } - &-list { - width: @time-picker-cells-width-with-date-with-seconds / 2; - max-height: 216px; - &:first-child{ - border-radius: 0; - } - &:last-child{ - border-radius: 0; - } - ul{ - padding: 0 0 192px 0; - li{ - padding: 0 0 0 46px; - } - } - } - } - } - } -} \ No newline at end of file diff --git a/src/styles/components/timeline.less b/src/styles/components/timeline.less deleted file mode 100644 index 5b77eac9..00000000 --- a/src/styles/components/timeline.less +++ /dev/null @@ -1,87 +0,0 @@ -@timeline-prefix-cls: ~"@{css-prefix}timeline"; -@timeline-color: @border-color-split; - -.@{timeline-prefix-cls} { - list-style: none; - margin: 0; - padding: 0; - - &-item { - margin: 0 !important; - padding: 0 0 12px 0; - list-style: none; - position: relative; - - &-tail { - height: 100%; - border-left: 1px solid @timeline-color; - position: absolute; - left: 6px; - top: 0; - } - - &-pending &-tail { - display: none; - } - - &-head { - width: 13px; - height: 13px; - background-color: #fff; - border-radius: 50%; - border: 1px solid transparent; - position: absolute; - - &-blue { - border-color: @primary-color; - color: @primary-color; - } - &-red { - border-color: @error-color; - color: @error-color; - } - &-green { - border-color: @success-color; - color: @success-color; - } - } - - &-head-custom { - width: 40px; - height: auto; - margin-top: 6px; - padding: 3px 0; - text-align: center; - line-height: 1; - border: 0; - border-radius: 0; - font-size: @font-size-base; - position: absolute; - left: -13px; - transform: translateY(-50%); - } - - &-content { - padding: 1px 1px 10px 24px; - font-size: @font-size-small; - position: relative; - top: -3px; - } - - &:last-child { - .@{timeline-prefix-cls}-item-tail { - display: none; - } - } - } - - &&-pending &-item:nth-last-of-type(2) { - - .@{timeline-prefix-cls}-item-tail { - border-left: 1px dotted @timeline-color; - } - .@{timeline-prefix-cls}-item-content { - min-height: 48px; - } - } -} diff --git a/src/styles/components/tooltip.less b/src/styles/components/tooltip.less deleted file mode 100644 index 52f76bb3..00000000 --- a/src/styles/components/tooltip.less +++ /dev/null @@ -1,39 +0,0 @@ -@tooltip-prefix-cls: ~"@{css-prefix}tooltip"; -@tooltip-arrow: ~"@{tooltip-prefix-cls}-arrow"; -@tooltip-max-width: 250px; -@tooltip-arrow-width: 5px; -@tooltip-distance: @tooltip-arrow-width - 1 + 4; - -.@{tooltip-prefix-cls} { - display: inline-block; - - &-rel{ - display: inline-block; - position: relative; - } - - &-popper{ - .popper(@tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg); - } - - &-inner{ - max-width: @tooltip-max-width; - min-height: 34px; - padding: 8px 12px; - color: @tooltip-color; - text-align: left; - text-decoration: none; - background-color: @tooltip-bg; - border-radius: @border-radius-small; - box-shadow: @shadow-base; - white-space: nowrap; - } - - &-arrow{ - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - } -} \ No newline at end of file diff --git a/src/styles/components/transfer.less b/src/styles/components/transfer.less deleted file mode 100644 index 83c05aac..00000000 --- a/src/styles/components/transfer.less +++ /dev/null @@ -1,128 +0,0 @@ -@transfer-prefix-cls: ~"@{css-prefix}transfer"; -@transfer-item-prefix-cls: ~"@{css-prefix}transfer-list-content-item"; - -.@{transfer-prefix-cls} { - position: relative; - line-height: @line-height-base; - - &-list{ - display: inline-block; - width: 180px; - height: 210px; - font-size: @font-size-small; - vertical-align: middle; - position: relative; - padding-top: 35px; - - &-with-footer{ - padding-bottom: 35px; - } - - &-header { - padding: 8px 16px; - background: @head-bg; - color: @text-color; - border: 1px solid @border-color-base; - border-bottom: 1px solid @border-color-split; - border-radius: @border-radius-base @border-radius-base 0 0; - overflow: hidden; - position: absolute; - top: 0; - left: 0; - width: 100%; - - & > span{ - padding-left: 4px; - } - - &-count { - margin: 0 !important; - float: right; - } - } - - &-body{ - height: 100%; - border: 1px solid @border-color-base; - border-top: none; - border-radius: 0 0 @border-radius-base @border-radius-base; - position: relative; - overflow: hidden; - - &-with-search{ - padding-top: 34px; - } - &-with-footer{ - border-radius: 0; - } - } - - &-content{ - height: 100%; - padding: 4px 0; - overflow: auto; - - &-item{ - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - - & > span{ - padding-left: 4px; - } - } - - &-not-found{ - display: none; - text-align: center; - color: @btn-disable-color; - } - li&-not-found:only-child{ - display: block; - } - } - &-body-with-search &-content{ - padding: 6px 0 0; - } - - &-body-search-wrapper{ - padding: 8px 8px 0; - position: absolute; - top: 0; - left: 0; - right: 0; - } - - &-search{ - position: relative; - } - - &-footer{ - border: 1px solid @border-color-base; - border-top: none; - border-radius: 0 0 @border-radius-base @border-radius-base; - position: absolute; - bottom: 0; - left: 0; - right: 0; - - .clearfix(); - } - } - &-operation { - display: inline-block; - overflow: hidden; - margin: 0 16px; - vertical-align: middle; - - .@{btn-prefix-cls} { - display: block; - min-width: @btn-circle-size-small; - - &:first-child { - margin-bottom: 12px; - } - } - } -} -.select-item(@transfer-prefix-cls, @transfer-item-prefix-cls); \ No newline at end of file diff --git a/src/styles/components/tree.less b/src/styles/components/tree.less deleted file mode 100644 index 936601d5..00000000 --- a/src/styles/components/tree.less +++ /dev/null @@ -1,139 +0,0 @@ -@tree-prefix-cls: ~"@{css-prefix}tree"; - -.@{tree-prefix-cls} { - margin: 0; - padding: 5px; - font-size: @font-size-small; - li { - padding: 0; - margin: 8px 0; - list-style: none; - white-space: nowrap; - outline: 0; - a[draggable], - a[draggable="true"] { - user-select: none; - /* Required to make elements draggable in old WebKit */ - -khtml-user-drag: element; - -webkit-user-drag: element; - } - &.drag-over { - > a[draggable] { - background-color: @primary-color; - color: white; - opacity: 0.8; - } - } - &.drag-over-gap-top { - > a[draggable] { - border-top: 2px @primary-color solid; - } - } - &.drag-over-gap-bottom { - > a[draggable] { - border-bottom: 2px @primary-color solid; - } - } - &.filter-node { - > a { - color: @error-color!important; - font-weight: bold!important; - } - } - ul { - margin: 0; - padding: 0 0 0 18px; - } - a { - display: inline-block; - margin: 0; - padding: 0 4px; - border-radius: @btn-border-radius-small; - cursor: pointer; - text-decoration: none; - vertical-align: top; - color: @text-color; - transition: all @transition-time @ease-in-out; - &:hover { - background-color: tint(@primary-color, 90%); - } - &.@{tree-prefix-cls}-node-selected { - background-color: tint(@primary-color, 80%); - } - } - .@{checkbox-prefix-cls}-wrapper{ - margin-right: 4px; - } - span { - &.@{tree-prefix-cls}-switcher, - &.@{tree-prefix-cls}-iconEle { - display: inline-block; - text-align: center; - width: 16px; - height: 16px; - line-height: 16px; - margin: 0; - vertical-align: middle; - border: 0 none; - cursor: pointer; - outline: none; - } - //&.@{tree-prefix-cls}-icon_loading { - // &:after { - // display: inline-block; - // //.iconfont-font("\e6a1"); - // animation: loadingCircle 1s infinite linear; - // color: @primary-color; - // } - //} - &.@{tree-prefix-cls}-switcher { - i{ - transition: all @transition-time @ease-in-out; - } - &.@{tree-prefix-cls}-switcher-noop { - display: none; - cursor: auto; - i{ - display: none; - } - } - &.@{tree-prefix-cls}-roots_open, - &.@{tree-prefix-cls}-center_open, - &.@{tree-prefix-cls}-bottom_open, - &.@{tree-prefix-cls}-noline_open { - i { - transform: rotate(90deg); - } - } - &.@{tree-prefix-cls}-roots_close, - &.@{tree-prefix-cls}-center_close, - &.@{tree-prefix-cls}-bottom_close, - &.@{tree-prefix-cls}-noline_close { - - } - } - } - } - &-child-tree { - display: none; - &-open { - display: block; - } - } - &-treenode-disabled { - >span, - >a, - >a span { - color: @input-disabled-bg; - cursor: not-allowed; - } - } - &-icon__open { - margin-right: 2px; - vertical-align: top; - } - &-icon__close { - margin-right: 2px; - vertical-align: top; - } -} \ No newline at end of file diff --git a/src/styles/components/upload.less b/src/styles/components/upload.less deleted file mode 100644 index 4f2aabdc..00000000 --- a/src/styles/components/upload.less +++ /dev/null @@ -1,75 +0,0 @@ -@upload-prefix-cls: ~"@{css-prefix}upload"; - -.@{upload-prefix-cls} { - input[type="file"]{ - display: none; - } - - &-list{ - margin-top: 8px; - - &-file{ - padding: 4px; - color: @text-color; - border-radius: @border-radius-small; - transition: background-color @transition-time @ease-in-out; - overflow: hidden; - position: relative; - - & > span{ - cursor: pointer; - transition: color @transition-time @ease-in-out; - i{ - display: inline-block; - width: @font-size-small; - height: @font-size-small; - color: @text-color; - text-align: center; - } - } - - &:hover{ - background: @input-disabled-bg; - & > span{ - color: @primary-color; - i{ - color: @text-color; - } - } - .@{upload-prefix-cls}-list-remove{ - opacity: 1; - } - } - } - &-remove{ - opacity: 0; - font-size: 18px; - cursor: pointer; - float: right; - margin-right: 4px; - color: @legend-color; - transition: all @transition-time ease; - &:hover{ - color: #444; - } - } - } - - &-drag{ - background: #fff; - border: 1px dashed @border-color-base; - border-radius: @border-radius-small; - text-align: center; - cursor: pointer; - position: relative; - overflow: hidden; - transition: border-color @transition-time ease; - - &:hover{ - border: 1px dashed @primary-color; - } - } - &-dragOver{ - border: 2px dashed @primary-color; - } -} \ No newline at end of file diff --git a/src/styles/copyright.less b/src/styles/copyright.less deleted file mode 100644 index 2178eb82..00000000 --- a/src/styles/copyright.less +++ /dev/null @@ -1,6 +0,0 @@ -/*! -* iView -* Web: https://www.iviewui.com -* Github: https://github.com/iview/iview -* Author: Aresn -*/ \ No newline at end of file diff --git a/src/styles/custom.less b/src/styles/custom.less deleted file mode 100644 index 87649eb1..00000000 --- a/src/styles/custom.less +++ /dev/null @@ -1,160 +0,0 @@ -// Prefix -@css-prefix : ivu-; -@css-prefix-iconfont : ivu-icon; - -// Color -@primary-color : #3399ff; -@info-color : #2db7f5; -@success-color : #00cc66; -@warning-color : #ff9900; -@error-color : #ff3300; -@link-color : #3399ff; -@link-hover-color : tint(@link-color, 20%); -@link-active-color : shade(@link-color, 5%); -@selected-color : fade(@primary-color, 90%); -@tooltip-color : #fff; -@subsidiary-color : #9ea7b4; -@rate-star-color : #f5a623; - -// Base -@body-background : #fff; -@font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; -@code-family : Consolas,Menlo,Courier,monospace; -@title-color : #464c5b; -@text-color : #657180; -@font-size-base : 14px; -@font-size-small : 12px; -@line-height-base : 1.5; -@line-height-computed : floor((@font-size-base * @line-height-base)); -@border-radius-base : 6px; -@border-radius-small : 4px; -@cursor-disabled : not-allowed; - -// Border color -@border-color-base : #d7dde4; // outside -@border-color-split : #e3e8ee; // inside - -// Background color -@background-color-base : #f7f7f7; // base -@background-color-select-hover: @input-disabled-bg; -@tooltip-bg : rgba(70, 76, 91, .9); -@head-bg : #f9fafc; -@table-thead-bg : #f5f7f9; -@table-td-stripe-bg : #f5f7f9; -@table-td-hover-bg : #ebf7ff; -@table-td-highlight-bg : #ebf7ff; -@menu-dark-active-bg : #313540; -@date-picker-cell-hover-bg : #e1f0fe; - -// Shadow -@shadow-color : rgba(0, 0, 0, .2); -@shadow-base : @shadow-down; -@shadow-card : 0 1px 1px 0 rgba(0,0,0,.1); -@shadow-up : 0 -1px 6px @shadow-color; -@shadow-down : 0 1px 6px @shadow-color; -@shadow-left : -1px 0 6px @shadow-color; -@shadow-right : 1px 0 6px @shadow-color; - -// Button -@btn-font-weight : normal; -@btn-padding-base : 6px 15px; -@btn-padding-large : 6px 15px 7px 15px; -@btn-padding-small : 2px 7px; -@btn-font-size : 12px; -@btn-font-size-large : 14px; -@btn-border-radius : 4px; -@btn-border-radius-small: 3px; -@btn-group-border : shade(@primary-color, 5%); - -@btn-disable-color : #c3cbd6; -@btn-disable-bg : @background-color-base; -@btn-disable-border : @border-color-base; - -@btn-default-color : @text-color; -@btn-default-bg : @background-color-base; -@btn-default-border : @border-color-base; - -@btn-primary-color : #fff; -@btn-primary-bg : @primary-color; - -@btn-ghost-color : @text-color; -@btn-ghost-bg : transparent; -@btn-ghost-border : @border-color-base; - -@btn-circle-size : 32px; -@btn-circle-size-large : 36px; -@btn-circle-size-small : 24px; - -// Layout and Grid -@grid-columns : 24; -@grid-gutter-width : 0; - -// Legend -@legend-color : #999; - -// Input -@input-height-base : 32px; -@input-height-large : 36px; -@input-height-small : 24px; - -@input-padding-horizontal : 7px; -@input-padding-vertical-base : 4px; -@input-padding-vertical-small: 1px; -@input-padding-vertical-large: 6px; - -@input-placeholder-color : @btn-disable-color; -@input-color : @text-color; -@input-border-color : @border-color-base; -@input-bg : #fff; - -@input-hover-border-color : @primary-color; -@input-focus-border-color : @primary-color; -@input-disabled-bg : #f3f3f3; - -// Tag -@tag-font-size : 12px; - -// Media queries breakpoints -// Extra small screen / phone -@screen-xs : 480px; -@screen-xs-min : @screen-xs; -@screen-xs-max : (@screen-xs-min - 1); - -// Small screen / tablet -@screen-sm : 768px; -@screen-sm-min : @screen-sm; -@screen-sm-max : (@screen-sm-min - 1); - -// Medium screen / desktop -@screen-md : 992px; -@screen-md-min : @screen-md; -@screen-md-max : (@screen-md-min - 1); - -// Large screen / wide desktop -@screen-lg : 1200px; -@screen-lg-min : @screen-lg; -@screen-lg-max : (@screen-lg-min - 1); - -// Z-index -@zindex-spin : 8; -@zindex-affix : 10; -@zindex-back-top : 10; -@zindex-select : 900; -@zindex-modal : 1000; -@zindex-message : 1010; -@zindex-notification : 1010; -@zindex-tooltip : 1060; -@zindex-loading-bar : 2000; - -// Animation -@animation-time : .3s; -@transition-time : .2s; -@ease-in-out : ease-in-out; - -// Slider -@slider-color : tint(@primary-color, 20%); -@slider-height : 4px; -@slider-margin : 16px 0; -@slider-button-wrap-size : 18px; -@slider-button-wrap-offset : -4px; -@slider-disabled-color : #ccc; \ No newline at end of file diff --git a/src/styles/index.less b/src/styles/index.less deleted file mode 100644 index f0f5cd67..00000000 --- a/src/styles/index.less +++ /dev/null @@ -1,5 +0,0 @@ -@import "./custom"; -@import "./mixins/index"; -@import "./common/index"; -@import "./animation/index"; -@import "./components/index"; diff --git a/src/styles/mixins/breadcrumb.less b/src/styles/mixins/breadcrumb.less deleted file mode 100644 index eb2056d5..00000000 --- a/src/styles/mixins/breadcrumb.less +++ /dev/null @@ -1,34 +0,0 @@ -@breadcrumb-prefix-cls: ~"@{css-prefix}breadcrumb"; - -.@{breadcrumb-prefix-cls} { - color: #999; - font-size: @font-size-base; - - a { - color: @text-color; - transition: color @transition-time @ease-in-out; - &:hover { - color: tint(@primary-color, 20%); - } - } - - & > span:last-child { - font-weight: bold; - color: @text-color; - } - - & > span:last-child &-item-separator { - display: none; - } - - &-item-separator { - margin: 0 8px; - color: @border-color-base; - } - - &-item-link { - > .ivu-icon + span { - margin-left: 4px; - } - } -} diff --git a/src/styles/mixins/button.less b/src/styles/mixins/button.less deleted file mode 100644 index c6dd9f5e..00000000 --- a/src/styles/mixins/button.less +++ /dev/null @@ -1,390 +0,0 @@ -.button-size(@padding; @font-size; @border-radius) { - padding: @padding; - font-size: @font-size; - border-radius: @border-radius; -} - -.button-color(@color; @background; @border) { - color: @color; - background-color: @background; - border-color: @border; - // a inside Button which only work in Chrome - // http://stackoverflow.com/a/17253457 - > a:only-child { - color: currentColor; - &:after { - content: ''; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: transparent; - } - } -} - -.button-variant(@color; @background; @border) { - .button-color(@color; @background; @border); - - &:hover - //&:focus - { - .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%)); - } - &:active, - &.active { - .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%)); - } - - &.disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &:focus, - &:active, - &.active { - .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border); - } - } -} - -.button-group-base(@btnClassName) { - position: relative; - display: inline-block; - vertical-align: middle; - > .@{btnClassName} { - position: relative; - float: left; - &:hover, - //&:focus, - &:active, - &.active { - z-index: 2; - } - } - - & .@{btnClassName}-icon-only .ivu-icon { - font-size: 14px; - position: relative; - top: 1px; - } - - &-large .@{btnClassName}-icon-only .ivu-icon{ - font-size: 16px; - top: 2px; - } - - &-small .@{btnClassName}-icon-only .ivu-icon{ - font-size: 12px; - top: 0; - } - - &-circle .@{btnClassName} { - border-radius: @btn-circle-size; - } - - // size - &-large&-circle .@{btnClassName} { - border-radius: @btn-circle-size-large; - } - &-large { - & > .@{btnClassName} { - .button-size(@btn-padding-large; @btn-font-size-large; @btn-border-radius); - } - } - - &-small&-circle .@{btnClassName} { - border-radius: @btn-circle-size-small; - } - &-small { - & > .@{btnClassName}{ - .button-size(@btn-padding-small; @btn-font-size; @btn-border-radius-small); - > .@{css-prefix-iconfont} { - font-size: @btn-font-size; - } - } - } -} - -.button-group-vertical-base(@btnClassName) { - display: inline-block; - vertical-align: middle; - > .@{btnClassName} { - display: block; - width: 100%; - max-width: 100%; - float: none; - } -} - -.btn() { - display: inline-block; - margin-bottom: 0; - font-weight: @btn-font-weight; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - line-height: @line-height-base; - user-select: none; - .button-size(@btn-padding-base; @btn-font-size; @btn-border-radius); - transform: translate3d(0, 0, 0); - //transition: all @transition-time linear; - transition: color @transition-time linear, background-color @transition-time linear, border @transition-time linear; - - > .@{css-prefix-iconfont} { - line-height: 1; - } - - &, - &:active, - &:focus { - outline: 0; - } - - &:not([disabled]):hover { - text-decoration: none; - } - - &:not([disabled]):active { - outline: 0; - transition: none; - } - - &.disabled, - &[disabled] { - cursor: @cursor-disabled; - > * { - pointer-events: none; - } - } - - &-large { - .button-size(@btn-padding-large; @btn-font-size-large; @btn-border-radius); - } - - &-small { - .button-size(@btn-padding-small; @btn-font-size; @btn-border-radius-small); - } -} - -// Default -.btn-default() { - .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); - - &:hover - //&:focus - { - .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%)); - } - &:active, - &.active { - .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%)); - } -} - -// Primary -.btn-primary() { - .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color); - - &:hover, - //&:focus, - &:active, - &.active { - color: @btn-primary-color; - } -} - -// Ghost -.btn-ghost() { - .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border); - - &:hover - //&:focus - { - .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%)); - } - &:active, - &.active { - .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%)); - } -} - -// Dashed -.btn-dashed() { - .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border); - border-style: dashed; - - &:hover - //&:focus - { - .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%)); - } - &:active, - &.active { - .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%)); - } -} - -// Text -.btn-text() { - .button-variant(@btn-ghost-color, @btn-ghost-bg, transparent); - - // for disabled - &.disabled, - &[disabled], - fieldset[disabled] & { - &, - &:hover, - &:focus, - &:active, - &.active { - .button-color(@btn-disable-color; @btn-ghost-bg; transparent); - } - } - - &:hover - //&:focus - { - .button-color(tint(@primary-color, 20%); @btn-ghost-bg; transparent); - } - &:active, - &.active { - .button-color(shade(@primary-color, 5%); @btn-ghost-bg; transparent); - } -} - -// Color -.btn-color(@color) { - .button-variant(@btn-primary-color; @color; @color); - - &:hover, - //&:focus, - &:active, - &.active { - color: @btn-primary-color; - } -} - -// Circle for Icon -.btn-circle(@btnClassName: ivu-btn) { - border-radius: @btn-circle-size; - - &.@{btnClassName}-large{ - border-radius: @btn-circle-size-large; - } - - &.@{btnClassName}-size{ - border-radius: @btn-circle-size-small; - } - - &.@{btnClassName}-icon-only{ - .square(@btn-circle-size); - .button-size(0; @font-size-base + 2; 50%); - - &.@{btnClassName}-large{ - .square(@btn-circle-size-large); - .button-size(0; @btn-font-size-large + 2; 50%); - } - - &.@{btnClassName}-small{ - .square(@btn-circle-size-small); - .button-size(0; @font-size-base; 50%); - } - } -} - -// Group -.btn-group(@btnClassName: ivu-btn) { - .button-group-base(@btnClassName); - - .@{btnClassName} + .@{btnClassName}, - .@{btnClassName} + &, - & + .@{btnClassName}, - & + & { - margin-left: -1px; - } - - .@{btnClassName}:not(:first-child):not(:last-child) { - border-radius: 0; - } - - &:not(&-vertical) > .@{btnClassName}:first-child { - margin-left: 0; - &:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - } - - &:not(&-vertical) > .@{btnClassName}:last-child:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - & > & { - float: left; - } - - & > &:not(:first-child):not(:last-child) > .@{btnClassName} { - border-radius: 0; - } - - &:not(&-vertical) > &:first-child:not(:last-child) { - > .@{btnClassName}:last-child { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - padding-right: 8px; - } - } - - &:not(&-vertical) > &:last-child:not(:first-child) > .@{btnClassName}:first-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - padding-left: 8px; - } -} - -.btn-group-vertical(@btnClassName: ivu-btn) { - .button-group-vertical-base(@btnClassName); - - .@{btnClassName} + .@{btnClassName}, - .@{btnClassName} + &, - & + .@{btnClassName}, - & + & { - margin-top: -1px; - margin-left: 0px; - } - - > .@{btnClassName}:first-child { - margin-top: 0; - &:not(:last-child) { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - } - - > .@{btnClassName}:last-child:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - & > &:first-child:not(:last-child) { - > .@{btnClassName}:last-child { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - padding-bottom: 8px; - } - } - - & > &:last-child:not(:first-child) > .@{btnClassName}:first-child { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - padding-top: 8px; - } -} diff --git a/src/styles/mixins/caret.less b/src/styles/mixins/caret.less deleted file mode 100644 index de056128..00000000 --- a/src/styles/mixins/caret.less +++ /dev/null @@ -1,37 +0,0 @@ -// sortable -.sortable() { - display: inline-block; - width: 9px; - height: 12px; - margin-left: 4px; - margin-top: -1px; - vertical-align: middle; - overflow: hidden; - cursor: pointer; - position: relative; - - i { - display: block; - height: 6px; - line-height: 6px; - overflow: hidden; - position: absolute; - color: @btn-disable-color; - transition: color @transition-time @ease-in-out; - - &:hover{ - color: inherit; - } - - &.on{ - color: @primary-color; - } - - &:first-child{ - top: 0; - } - &:last-child{ - bottom: 0; - } - } -} \ No newline at end of file diff --git a/src/styles/mixins/checkbox.less b/src/styles/mixins/checkbox.less deleted file mode 100644 index c48c31d5..00000000 --- a/src/styles/mixins/checkbox.less +++ /dev/null @@ -1,190 +0,0 @@ -.checkboxFn(@checkbox-prefix-cls: ~"@{css-prefix}checkbox") { - @checkbox-inner-prefix-cls: ~"@{checkbox-prefix-cls}-inner"; - - // 普通状态 - .@{checkbox-prefix-cls} { - display: inline-block; - vertical-align: middle; - white-space: nowrap; - cursor: pointer; - outline: none; - line-height: 1; - position: relative; - - &-disabled{ - cursor: @cursor-disabled; - } - - &:hover { - .@{checkbox-inner-prefix-cls} { - border-color: #bcbcbc; - } - } - - &-inner { - display: inline-block; - width: 14px; - height: 14px; - position: relative; - top: 0; - left: 0; - border: 1px solid @border-color-base; - border-radius: 2px; - background-color: #fff; - transition: border-color @transition-time @ease-in-out, background-color @transition-time @ease-in-out; - - &:after { - content: ''; - display: table; - width: 4px; - height: 8px; - position: absolute; - top: 1px; - left: 4px; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(0); - transition: all @transition-time @ease-in-out; - } - } - - &-input { - width: 100%; - height: 100%; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1; - cursor: pointer; - opacity: 0; - - &[disabled]{ - cursor: @cursor-disabled; - } - } - } - - // 选中状态 - .@{checkbox-prefix-cls}-checked { - - &:hover { - .@{checkbox-inner-prefix-cls} { - border-color: @primary-color; - } - } - - .@{checkbox-inner-prefix-cls} { - border-color: @primary-color; - background-color: @primary-color; - - &:after { - content: ''; - display: table; - width: 4px; - height: 8px; - position: absolute; - top: 1px; - left: 4px; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(1); - transition: all @transition-time @ease-in-out; - } - } - } - - // 禁用 - .@{checkbox-prefix-cls}-disabled { - &.@{checkbox-prefix-cls}-checked { - &:hover { - .@{checkbox-inner-prefix-cls} { - border-color: @border-color-base; - } - } - - .@{checkbox-inner-prefix-cls} { - background-color: #f3f3f3; - border-color: @border-color-base; - - &:after { - animation-name: none; - border-color: #ccc; - } - } - } - - &:hover { - .@{checkbox-inner-prefix-cls} { - border-color: @border-color-base; - } - } - - .@{checkbox-inner-prefix-cls} { - border-color: @border-color-base; - background-color: #f3f3f3; - &:after { - animation-name: none; - border-color: #f3f3f3; - } - } - - .@{checkbox-inner-prefix-cls}-input { - cursor: default; - } - - & + span { - color: #ccc; - cursor: @cursor-disabled; - } - } - - // 半选状态 - .@{checkbox-prefix-cls}-indeterminate{ - .@{checkbox-inner-prefix-cls}:after{ - content: ''; - width: 8px; - height: 1px; - transform: scale(1); - position: absolute; - left: 2px; - top: 5px; - } - - &:hover { - .@{checkbox-inner-prefix-cls} { - border-color: @primary-color; - } - } - .@{checkbox-inner-prefix-cls}{ - background-color: @primary-color; - border-color: @primary-color; - } - } - - .@{checkbox-prefix-cls}-wrapper { - cursor: pointer; - font-size: @font-size-small; - display: inline-block; - margin-right: 8px; - &-disabled{ - cursor: @cursor-disabled; - } - } - - .@{checkbox-prefix-cls}-wrapper + span, - .@{checkbox-prefix-cls} + span { - //margin-left: 4px; - margin-right: 4px; - } - - .@{checkbox-prefix-cls}-group { - font-size: @font-size-base; - &-item { - display: inline-block; - } - } -} diff --git a/src/styles/mixins/clearfix.less b/src/styles/mixins/clearfix.less deleted file mode 100755 index cb914074..00000000 --- a/src/styles/mixins/clearfix.less +++ /dev/null @@ -1,14 +0,0 @@ -.clearfix() { - zoom: 1; - &:before, - &:after { - content: ""; - display: table; - } - &:after { - clear: both; - visibility: hidden; - font-size: 0; - height: 0; - } -} diff --git a/src/styles/mixins/close.less b/src/styles/mixins/close.less deleted file mode 100644 index f49216fa..00000000 --- a/src/styles/mixins/close.less +++ /dev/null @@ -1,10 +0,0 @@ -.close-base(@top: 0, @icon-font-size: 22px) { - font-size: @icon-font-size; - color: @legend-color; - transition: color @transition-time ease; - position: relative; - top: @top; - &:hover { - color: #444; - } -} \ No newline at end of file diff --git a/src/styles/mixins/common.less b/src/styles/mixins/common.less deleted file mode 100644 index 10de304a..00000000 --- a/src/styles/mixins/common.less +++ /dev/null @@ -1,27 +0,0 @@ -.placeholder(@color: @input-placeholder-color) { - // Firefox - &::-moz-placeholder { - color: @color; - opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 - } - // Internet Explorer 10+ - &:-ms-input-placeholder { - color: @color; - } - // Safari and Chrome - &::-webkit-input-placeholder { - color: @color; - } -} - -// for select and input like component's arrow -.inner-arrow() { - position: absolute; - top: 50%; - right: 8px; - line-height: 1; - margin-top: -7px; - font-size: @font-size-base; - color: @subsidiary-color; - transition: all @transition-time @ease-in-out; -} diff --git a/src/styles/mixins/content.less b/src/styles/mixins/content.less deleted file mode 100644 index 41e7d38b..00000000 --- a/src/styles/mixins/content.less +++ /dev/null @@ -1,35 +0,0 @@ -@icon-prefix-cls: ~"@{css-prefix}icon"; - -.content-header() { - border-bottom: 1px solid @border-color-split; - padding: 14px 16px; - line-height: 1; - - p, - &-inner - { - display: inline-block; - width: 100%; - height: 20px; - line-height: 20px; - font-size: @font-size-base; - color: @title-color; - font-weight: bold; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } -} - -.content-close(@top: 0, @icon-font-size: 22px) { - font-size: @font-size-small; - position: absolute; - right: 16px; - top: 8px; - overflow: hidden; - cursor: pointer; - - .@{icon-prefix-cls}-ios-close-empty { - .close-base(@top, @icon-font-size); - } -} \ No newline at end of file diff --git a/src/styles/mixins/index.less b/src/styles/mixins/index.less deleted file mode 100644 index 0937bf3d..00000000 --- a/src/styles/mixins/index.less +++ /dev/null @@ -1,15 +0,0 @@ -@import "common"; -@import "clearfix"; -@import "button"; -@import "layout"; -@import "size"; -@import "loading"; -@import "close"; -@import "checkbox"; -@import "input"; -@import "breadcrumb"; -@import "mask"; -@import "content"; // card、modal -@import "tooltip"; -@import "select"; -@import "caret"; \ No newline at end of file diff --git a/src/styles/mixins/input.less b/src/styles/mixins/input.less deleted file mode 100644 index 0883be30..00000000 --- a/src/styles/mixins/input.less +++ /dev/null @@ -1,256 +0,0 @@ -.hover(@color: @input-hover-border-color) { - border-color: tint(@color, 20%); -} -.hover-error() { - border-color: @error-color; -} - -.active(@color: @input-hover-border-color) { - border-color: tint(@color, 20%); - outline: 0; - box-shadow: 0 0 0 2px fade(@color, 20%); -} -.active-error() { - border-color: @error-color; - outline: 0; - box-shadow: 0 0 0 2px fade(@error-color, 20%); -} - -.disabled() { - background-color: @input-disabled-bg; - opacity: 1; - cursor: @cursor-disabled; - color: #ccc; - &:hover { - .hover(@input-border-color); - } -} - -.input-large() { - font-size: @font-size-base; - padding: @input-padding-vertical-large @input-padding-horizontal; - height: @input-height-large; -} - -.input-small() { - padding: @input-padding-vertical-small @input-padding-horizontal; - height: @input-height-small; - border-radius: @btn-border-radius-small; -} - -.input() { - display: inline-block; - width: 100%; - height: @input-height-base; - line-height: @line-height-base; - padding: @input-padding-vertical-base @input-padding-horizontal; - font-size: @font-size-small; - border: 1px solid @input-border-color; - border-radius: @btn-border-radius; - color: @input-color; - background-color: @input-bg; - background-image: none; - position: relative; - cursor: text; - .placeholder(); - transition: border @transition-time @ease-in-out, background @transition-time @ease-in-out, box-shadow @transition-time @ease-in-out; - - &:hover { - .hover(); - } - - &:focus { - .active(); - } - - &[disabled], - fieldset[disabled] & { - .disabled(); - } - - // Reset height for textarea - textarea& { - max-width: 100%; - height: auto; - vertical-align: bottom; - font-size: @font-size-base; - } - - // Size - &-large { - .input-large(); - } - - &-small { - .input-small(); - } -} - -.input-error() { - border: 1px solid @error-color; - &:hover { - .hover-error; - } - &:focus { - .active-error; - } -} - -.input-group(@inputClass) { - display: table; - width: 100%; - border-collapse: separate; - position: relative; - font-size: @font-size-small; - top: 1px; // fixed when using in form inline, - - &-large{ - font-size: @font-size-base; - } - - // Undo padding and float of grid classes - &[class*="col-"] { - float: none; - padding-left: 0; - padding-right: 0; - } - - > [class*="col-"] { - padding-right: 8px; - } - - &-prepend, - &-append, - > .@{inputClass} { - display: table-cell; - - &:not(:first-child):not(:last-child) { - border-radius: 0; - } - } - - &-prepend .@{css-prefix}btn, - &-append .@{css-prefix}btn - { - border-color: transparent; - background-color: transparent; - color: inherit; - margin: -(@input-padding-vertical-base + 1) (-@input-padding-horizontal); - } - - &-prepend, - &-append - { - width: 1px; // To make addon/wrap as small as possible - white-space: nowrap; - vertical-align: middle; - } - - .@{inputClass} { - width: 100%; - float: left; - margin-bottom: 0; - position: relative; - z-index: 2; - } - - &-prepend, - &-append - { - padding: @input-padding-vertical-base @input-padding-horizontal; - font-size: inherit; - font-weight: normal; - line-height: 1; - color: @input-color; - text-align: center; - background-color: #eee; - border: 1px solid @input-border-color; - border-radius: @border-radius-base; - - // Reset Select's style in addon - .@{css-prefix}select { - margin: -(@input-padding-vertical-base + 1) (-@input-padding-horizontal); // lesshint spaceAroundOperator: false - - &-selection { - background-color: inherit; - margin: -1px; - border: 1px solid transparent; - } - - &-visible .@{css-prefix}select-selection{ - box-shadow: none; - } - } - } - - // Reset rounded corners - > span > .@{inputClass}:first-child, - > .@{inputClass}:first-child, - &-prepend - { - border-bottom-right-radius: 0 !important; - border-top-right-radius: 0 !important; - - // Reset Select's style in addon - .@{css-prefix}-select .@{css-prefix}-select-selection { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - } - } - - &-prepend { - border-right: 0; - } - &-append { - border-left: 0; - } - - > .@{inputClass}:last-child, - &-append - { - border-bottom-left-radius: 0 !important; - border-top-left-radius: 0 !important; - - // Reset Select's style in addon - .@{css-prefix}-select .@{css-prefix}-select-selection { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - } - - // Sizing options - &-large .@{inputClass}, - &-large > &-prepend, - &-large > &-append - { - .input-large(); - } - - &-small .@{inputClass}, - &-small > &-prepend, - &-small > &-append - { - .input-small(); - } -} - -.input-group-error{ - &-prepend, - &-append - { - background-color: #fff; - border: 1px solid @error-color; - .@{css-prefix}select { - &-selection { - background-color: inherit; - border: 1px solid transparent; - } - } - } - &-prepend { - border-right: 0; - } - &-append { - border-left: 0; - } -} \ No newline at end of file diff --git a/src/styles/mixins/layout.less b/src/styles/mixins/layout.less deleted file mode 100644 index 099ddd4a..00000000 --- a/src/styles/mixins/layout.less +++ /dev/null @@ -1,65 +0,0 @@ -@row-prefix-cls: ~"@{css-prefix}row"; -@col-prefix-cls: ~"@{css-prefix}col"; - -.make-row(@gutter: @grid-gutter-width) { - position: relative; - margin-left: (@gutter / -2); - margin-right: (@gutter / -2); - height: auto; - .clearfix; -} - -.float-grid-columns(@class) { - .col(@index) { // initial - @item: ~".@{col-prefix-cls}-span@{class}-@{index}"; - .col((@index + 1), @item); - } - .col(@index, @list) when (@index =< @grid-columns) { // general - @item: ~".@{col-prefix-cls}-span@{class}-@{index}"; - .col((@index + 1), ~"@{list}, @{item}"); - } - .col(@index, @list) when (@index > @grid-columns) { // terminal - @{list} { - float: left; - flex: 0 0 auto; - } - } - .col(1); // kickstart it -} - -.loop-grid-columns(@index, @class) when (@index > 0) { - .@{col-prefix-cls}-span@{class}-@{index} { - display: block; - width: percentage((@index / @grid-columns)); - } - .@{col-prefix-cls}@{class}-push-@{index} { - left: percentage((@index / @grid-columns)); - } - .@{col-prefix-cls}@{class}-pull-@{index} { - right: percentage((@index / @grid-columns)); - } - .@{col-prefix-cls}@{class}-offset-@{index} { - margin-left: percentage((@index / @grid-columns)); - } - .@{col-prefix-cls}@{class}-order-@{index} { - order: @index; - } - .loop-grid-columns((@index - 1), @class); -} - -.loop-grid-columns(@index, @class) when (@index = 0) { - .@{col-prefix-cls}-span@{class}-@{index} { - display: none; - } - .@{col-prefix-cls}@{class}-push-@{index} { - left: auto; - } - .@{col-prefix-cls}@{class}-pull-@{index} { - right: auto; - } -} - -.make-grid(@class: ~'') { - .float-grid-columns(@class); - .loop-grid-columns(@grid-columns, @class); -} \ No newline at end of file diff --git a/src/styles/mixins/loading.less b/src/styles/mixins/loading.less deleted file mode 100644 index ba557be6..00000000 --- a/src/styles/mixins/loading.less +++ /dev/null @@ -1,10 +0,0 @@ -// Loading for loop -.ivu-load-loop{ - animation: ani-load-loop 1s linear infinite; -} - -@keyframes ani-load-loop { - from { transform: rotate(0deg);} - 50% { transform: rotate(180deg);} - to { transform: rotate(360deg);} -} diff --git a/src/styles/mixins/mask.less b/src/styles/mixins/mask.less deleted file mode 100644 index 66319505..00000000 --- a/src/styles/mixins/mask.less +++ /dev/null @@ -1,14 +0,0 @@ -.mask() { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background-color: rgba(55, 55, 55, 0.6); - height: 100%; - z-index: @zindex-modal; - - &-hidden { - display: none; - } -} \ No newline at end of file diff --git a/src/styles/mixins/select.less b/src/styles/mixins/select.less deleted file mode 100644 index 3309440e..00000000 --- a/src/styles/mixins/select.less +++ /dev/null @@ -1,60 +0,0 @@ -.select-item(@size-class, @item-class) { - .@{item-class} { - margin: 0; - padding: 7px 16px; - clear: both; - color: @text-color; - font-size: @font-size-small !important; - white-space: nowrap; - list-style: none; - cursor: pointer; - transition: background @transition-time @ease-in-out; - - &:hover{ - background: @background-color-select-hover; - } - - &-focus { - background: @background-color-select-hover; - } - - &-disabled { - color: @btn-disable-color; - cursor: @cursor-disabled; - - &:hover { - color: @btn-disable-color; - background-color: #fff; - cursor: @cursor-disabled; - } - } - - &-selected ,&-selected:hover{ - color: #fff; - background: @selected-color; - } - - &-selected&-focus { - background: shade(@selected-color, 10%); - } - - &-divided{ - margin-top: 5px; - border-top: 1px solid @border-color-split; - &:before{ - content: ''; - height: 5px; - display: block; - margin: 0 -16px; - background-color: #fff; - position: relative; - top: -7px; - } - } - } - - .@{size-class}-large .@{item-class} { - padding: 7px 16px 8px; - font-size: @font-size-base !important; - } -} diff --git a/src/styles/mixins/size.less b/src/styles/mixins/size.less deleted file mode 100644 index cfd70141..00000000 --- a/src/styles/mixins/size.less +++ /dev/null @@ -1,20 +0,0 @@ -.size(@width; @height) { - width: @width; - height: @height; -} - -.square(@size) { - .size(@size; @size); -} - -// fix chrome 12px bug, support ie -.iconfont-size-under-12px(@size, @rotate: 0deg) { - display: inline-block; - @font-scale: unit(@size / @font-size-base); - font-size: @font-size-base; - font-size: ~"@{size} \9"; // ie8-9 - transform: scale(@font-scale) rotate(@rotate); - :root & { - font-size: @font-size-base; // reset ie9 and above - } -} diff --git a/src/styles/mixins/tooltip.less b/src/styles/mixins/tooltip.less deleted file mode 100644 index 64838d1b..00000000 --- a/src/styles/mixins/tooltip.less +++ /dev/null @@ -1,85 +0,0 @@ -.popper(@arrow, @arrow-width, @arrow-distance, @bg){ - display: block; - visibility: visible; - font-size: @font-size-small; - line-height: @line-height-base; - position: absolute; - z-index: @zindex-tooltip; - - &[x-placement^="top"] { - padding: @arrow-width 0 @arrow-distance 0; - } - &[x-placement^="right"] { - padding: 0 @arrow-width 0 @arrow-distance; - } - &[x-placement^="bottom"] { - padding: @arrow-distance 0 @arrow-width 0; - } - &[x-placement^="left"] { - padding: 0 @arrow-distance 0 @arrow-width; - } - - &[x-placement^="top"] .@{arrow} { - bottom: @arrow-distance - @arrow-width; - border-width: @arrow-width @arrow-width 0; - border-top-color: @bg; - } - &[x-placement="top"] .@{arrow} { - left: 50%; - margin-left: -@arrow-width; - } - &[x-placement="top-start"] .@{arrow} { - left: 16px; - } - &[x-placement="top-end"] .@{arrow} { - right: 16px; - } - - &[x-placement^="right"] .@{arrow} { - left: @arrow-distance - @arrow-width; - border-width: @arrow-width @arrow-width @arrow-width 0; - border-right-color: @bg; - } - &[x-placement="right"] .@{arrow} { - top: 50%; - margin-top: -@arrow-width; - } - &[x-placement="right-start"] .@{arrow} { - top: 8px; - } - &[x-placement="right-end"] .@{arrow} { - bottom: 8px; - } - - &[x-placement^="left"] .@{arrow} { - right: @arrow-distance - @arrow-width; - border-width: @arrow-width 0 @arrow-width @arrow-width; - border-left-color: @bg; - } - &[x-placement="left"] .@{arrow} { - top: 50%; - margin-top: -@arrow-width; - } - &[x-placement="left-start"] .@{arrow} { - top: 8px; - } - &[x-placement="left-end"] .@{arrow} { - bottom: 8px; - } - - &[x-placement^="bottom"] .@{arrow} { - top: @arrow-distance - @arrow-width; - border-width: 0 @arrow-width @arrow-width; - border-bottom-color: @bg; - } - &[x-placement="bottom"] .@{arrow} { - left: 50%; - margin-left: -@arrow-width; - } - &[x-placement="bottom-start"] .@{arrow} { - left: 16px; - } - &[x-placement="bottom-end"] .@{arrow} { - right: 16px; - } -} \ No newline at end of file diff --git a/src/utils/assist.js b/src/utils/assist.js deleted file mode 100644 index 04456cea..00000000 --- a/src/utils/assist.js +++ /dev/null @@ -1,168 +0,0 @@ -// 判断参数是否是其中之一 -export function oneOf (value, validList) { - for (let i = 0; i < validList.length; i++) { - if (value === validList[i]) { - return true; - } - } - return false; -} - -export function camelcaseToHyphen (str) { - return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(); -} - -// For Modal scrollBar hidden -let cached; -export function getScrollBarSize (fresh) { - if (fresh || cached === undefined) { - const inner = document.createElement('div'); - inner.style.width = '100%'; - inner.style.height = '200px'; - - const outer = document.createElement('div'); - const outerStyle = outer.style; - - outerStyle.position = 'absolute'; - outerStyle.top = 0; - outerStyle.left = 0; - outerStyle.pointerEvents = 'none'; - outerStyle.visibility = 'hidden'; - outerStyle.width = '200px'; - outerStyle.height = '150px'; - outerStyle.overflow = 'hidden'; - - outer.appendChild(inner); - - document.body.appendChild(outer); - - const widthContained = inner.offsetWidth; - outer.style.overflow = 'scroll'; - let widthScroll = inner.offsetWidth; - - if (widthContained === widthScroll) { - widthScroll = outer.clientWidth; - } - - document.body.removeChild(outer); - - cached = widthContained - widthScroll; - } - return cached; -} - -// watch DOM change -export const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver || false; - -const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g; -const MOZ_HACK_REGEXP = /^moz([A-Z])/; - -function camelCase(name) { - return name.replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) { - return offset ? letter.toUpperCase() : letter; - }).replace(MOZ_HACK_REGEXP, 'Moz$1'); -} -// getStyle -export function getStyle (element, styleName) { - if (!element || !styleName) return null; - styleName = camelCase(styleName); - if (styleName === 'float') { - styleName = 'cssFloat'; - } - try { - const computed = document.defaultView.getComputedStyle(element, ''); - return element.style[styleName] || computed ? computed[styleName] : null; - } catch(e) { - return element.style[styleName]; - } -} - -// firstUpperCase -function firstUpperCase(str) { - return str.toString()[0].toUpperCase() + str.toString().slice(1); -} -export {firstUpperCase}; - -// Warn -export function warnProp(component, prop, correctType, wrongType) { - correctType = firstUpperCase(correctType); - wrongType = firstUpperCase(wrongType); - console.error(`[iView warn]: Invalid prop: type check failed for prop ${prop}. Expected ${correctType}, got ${wrongType}. (found in component: ${component})`); // eslint-disable-line -} - -function typeOf(obj) { - const toString = Object.prototype.toString; - const map = { - '[object Boolean]' : 'boolean', - '[object Number]' : 'number', - '[object String]' : 'string', - '[object Function]' : 'function', - '[object Array]' : 'array', - '[object Date]' : 'date', - '[object RegExp]' : 'regExp', - '[object Undefined]': 'undefined', - '[object Null]' : 'null', - '[object Object]' : 'object' - }; - return map[toString.call(obj)]; -} - -// deepCopy -function deepCopy(data) { - const t = typeOf(data); - let o; - - if (t === 'array') { - o = []; - } else if ( t === 'object') { - o = {}; - } else { - return data; - } - - if (t === 'array') { - for (let i = 0; i < data.length; i++) { - o.push(deepCopy(data[i])); - } - } else if ( t === 'object') { - for (let i in data) { - o[i] = deepCopy(data[i]); - } - } - return o; -} - -export {deepCopy}; - -// scrollTop animation -export function scrollTop(el, from = 0, to, duration = 500) { - if (!window.requestAnimationFrame) { - window.requestAnimationFrame = ( - window.webkitRequestAnimationFrame || - window.mozRequestAnimationFrame || - window.msRequestAnimationFrame || - function (callback) { - return window.setTimeout(callback, 1000/60); - } - ); - } - const difference = Math.abs(from - to); - const step = Math.ceil(difference / duration * 50); - - function scroll(start, end, step) { - if (start === end) return; - - let d = (start + step > end) ? end : start + step; - if (start > end) { - d = (start - step < end) ? end : start - step; - } - - if (el === window) { - window.scrollTo(d, d); - } else { - el.scrollTop = d; - } - window.requestAnimationFrame(() => scroll(d, end, step)); - } - scroll(from, to, step); -} \ No newline at end of file diff --git a/src/utils/calcTextareaHeight.js b/src/utils/calcTextareaHeight.js deleted file mode 100644 index 2a0febc3..00000000 --- a/src/utils/calcTextareaHeight.js +++ /dev/null @@ -1,108 +0,0 @@ -// Thanks to -// https://github.com/andreypopp/react-textarea-autosize/ -// https://github.com/ElemeFE/element/blob/master/packages/input/src/calcTextareaHeight.js - -let hiddenTextarea; - -const HIDDEN_STYLE = ` - height:0 !important; - min-height:0 !important; - max-height:none !important; - visibility:hidden !important; - overflow:hidden !important; - position:absolute !important; - z-index:-1000 !important; - top:0 !important; - right:0 !important -`; - -const CONTEXT_STYLE = [ - 'letter-spacing', - 'line-height', - 'padding-top', - 'padding-bottom', - 'font-family', - 'font-weight', - 'font-size', - 'text-rendering', - 'text-transform', - 'width', - 'text-indent', - 'padding-left', - 'padding-right', - 'border-width', - 'box-sizing' -]; - -function calculateNodeStyling(node) { - const style = window.getComputedStyle(node); - - const boxSizing = style.getPropertyValue('box-sizing'); - - const paddingSize = ( - parseFloat(style.getPropertyValue('padding-bottom')) + - parseFloat(style.getPropertyValue('padding-top')) - ); - - const borderSize = ( - parseFloat(style.getPropertyValue('border-bottom-width')) + - parseFloat(style.getPropertyValue('border-top-width')) - ); - - const contextStyle = CONTEXT_STYLE - .map(name => `${name}:${style.getPropertyValue(name)}`) - .join(';'); - - return {contextStyle, paddingSize, borderSize, boxSizing}; -} - -export default function calcTextareaHeight(targetNode, minRows = null, maxRows = null) { - if (!hiddenTextarea) { - hiddenTextarea = document.createElement('textarea'); - document.body.appendChild(hiddenTextarea); - } - - let { - paddingSize, - borderSize, - boxSizing, - contextStyle - } = calculateNodeStyling(targetNode); - - hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`); - hiddenTextarea.value = targetNode.value || targetNode.placeholder || ''; - - let height = hiddenTextarea.scrollHeight; - let minHeight = -Infinity; - let maxHeight = Infinity; - - if (boxSizing === 'border-box') { - height = height + borderSize; - } else if (boxSizing === 'content-box') { - height = height - paddingSize; - } - - hiddenTextarea.value = ''; - let singleRowHeight = hiddenTextarea.scrollHeight - paddingSize; - - if (minRows !== null) { - minHeight = singleRowHeight * minRows; - if (boxSizing === 'border-box') { - minHeight = minHeight + paddingSize + borderSize; - } - height = Math.max(minHeight, height); - } - if (maxRows !== null) { - maxHeight = singleRowHeight * maxRows; - if (boxSizing === 'border-box') { - maxHeight = maxHeight + paddingSize + borderSize; - } - height = Math.min(maxHeight, height); - } - - return { - height: `${height}px`, - minHeight: `${minHeight}px`, - maxHeight: `${maxHeight}px` - }; -} \ No newline at end of file diff --git a/src/utils/csv.js b/src/utils/csv.js deleted file mode 100644 index ff03c177..00000000 --- a/src/utils/csv.js +++ /dev/null @@ -1,55 +0,0 @@ -// https://github.com/Terminux/react-csv-downloader/blob/master/src/lib/csv.js - -const newLine = '\r\n'; - -export default function csv(columns, datas, separator = ',', noHeader = false) { - let columnOrder; - const content = []; - const column = []; - - if (columns) { - columnOrder = columns.map(v => { - if (typeof v === 'string') { - return v; - } - if (!noHeader) { - column.push((typeof v.title !== 'undefined') ? v.title : v.key); - } - return v.key; - }); - if (column.length > 0) { - content.push(column.join(separator)); - } - } else { - columnOrder = []; - datas.forEach(v => { - if (!Array.isArray(v)) { - columnOrder = columnOrder.concat(Object.keys(v)); - } - }); - if (columnOrder.length > 0) { - columnOrder = columnOrder.filter((value, index, self) => self.indexOf(value) === index); - - if (!noHeader) { - content.push(columnOrder.join(separator)); - } - } - } - - if (Array.isArray(datas)) { - datas.map(v => { - if (Array.isArray(v)) { - return v; - } - return columnOrder.map(k => { - if (typeof v[k] !== 'undefined') { - return v[k]; - } - return ''; - }); - }).forEach(v => { - content.push(v.join(separator)); - }); - } - return content.join(newLine); -} \ No newline at end of file diff --git a/src/utils/date.js b/src/utils/date.js deleted file mode 100755 index 3fb89eac..00000000 --- a/src/utils/date.js +++ /dev/null @@ -1,319 +0,0 @@ -/*eslint-disable*/ -// 把 YYYY-MM-DD 改成了 yyyy-MM-dd -(function (main) { - 'use strict'; - - /** - * Parse or format dates - * @class fecha - */ - var fecha = {}; - var token = /d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g; - var twoDigits = /\d\d?/; - var threeDigits = /\d{3}/; - var fourDigits = /\d{4}/; - var word = /[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i; - var noop = function () { - }; - - function shorten(arr, sLen) { - var newArr = []; - for (var i = 0, len = arr.length; i < len; i++) { - newArr.push(arr[i].substr(0, sLen)); - } - return newArr; - } - - function monthUpdate(arrName) { - return function (d, v, i18n) { - var index = i18n[arrName].indexOf(v.charAt(0).toUpperCase() + v.substr(1).toLowerCase()); - if (~index) { - d.month = index; - } - }; - } - - function pad(val, len) { - val = String(val); - len = len || 2; - while (val.length < len) { - val = '0' + val; - } - return val; - } - - var dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; - var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; - var monthNamesShort = shorten(monthNames, 3); - var dayNamesShort = shorten(dayNames, 3); - fecha.i18n = { - dayNamesShort: dayNamesShort, - dayNames: dayNames, - monthNamesShort: monthNamesShort, - monthNames: monthNames, - amPm: ['am', 'pm'], - DoFn: function DoFn(D) { - return D + ['th', 'st', 'nd', 'rd'][D % 10 > 3 ? 0 : (D - D % 10 !== 10) * D % 10]; - } - }; - - var formatFlags = { - D: function (dateObj) { - return dateObj.getDay(); - }, - DD: function (dateObj) { - return pad(dateObj.getDay()); - }, - Do: function (dateObj, i18n) { - return i18n.DoFn(dateObj.getDate()); - }, - d: function (dateObj) { - return dateObj.getDate(); - }, - dd: function (dateObj) { - return pad(dateObj.getDate()); - }, - ddd: function (dateObj, i18n) { - return i18n.dayNamesShort[dateObj.getDay()]; - }, - dddd: function (dateObj, i18n) { - return i18n.dayNames[dateObj.getDay()]; - }, - M: function (dateObj) { - return dateObj.getMonth() + 1; - }, - MM: function (dateObj) { - return pad(dateObj.getMonth() + 1); - }, - MMM: function (dateObj, i18n) { - return i18n.monthNamesShort[dateObj.getMonth()]; - }, - MMMM: function (dateObj, i18n) { - return i18n.monthNames[dateObj.getMonth()]; - }, - yy: function (dateObj) { - return String(dateObj.getFullYear()).substr(2); - }, - yyyy: function (dateObj) { - return dateObj.getFullYear(); - }, - h: function (dateObj) { - return dateObj.getHours() % 12 || 12; - }, - hh: function (dateObj) { - return pad(dateObj.getHours() % 12 || 12); - }, - H: function (dateObj) { - return dateObj.getHours(); - }, - HH: function (dateObj) { - return pad(dateObj.getHours()); - }, - m: function (dateObj) { - return dateObj.getMinutes(); - }, - mm: function (dateObj) { - return pad(dateObj.getMinutes()); - }, - s: function (dateObj) { - return dateObj.getSeconds(); - }, - ss: function (dateObj) { - return pad(dateObj.getSeconds()); - }, - S: function (dateObj) { - return Math.round(dateObj.getMilliseconds() / 100); - }, - SS: function (dateObj) { - return pad(Math.round(dateObj.getMilliseconds() / 10), 2); - }, - SSS: function (dateObj) { - return pad(dateObj.getMilliseconds(), 3); - }, - a: function (dateObj, i18n) { - return dateObj.getHours() < 12 ? i18n.amPm[0] : i18n.amPm[1]; - }, - A: function (dateObj, i18n) { - return dateObj.getHours() < 12 ? i18n.amPm[0].toUpperCase() : i18n.amPm[1].toUpperCase(); - }, - ZZ: function (dateObj) { - var o = dateObj.getTimezoneOffset(); - return (o > 0 ? '-' : '+') + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4); - } - }; - - var parseFlags = { - d: [twoDigits, function (d, v) { - d.day = v; - }], - M: [twoDigits, function (d, v) { - d.month = v - 1; - }], - yy: [twoDigits, function (d, v) { - var da = new Date(), cent = +('' + da.getFullYear()).substr(0, 2); - d.year = '' + (v > 68 ? cent - 1 : cent) + v; - }], - h: [twoDigits, function (d, v) { - d.hour = v; - }], - m: [twoDigits, function (d, v) { - d.minute = v; - }], - s: [twoDigits, function (d, v) { - d.second = v; - }], - yyyy: [fourDigits, function (d, v) { - d.year = v; - }], - S: [/\d/, function (d, v) { - d.millisecond = v * 100; - }], - SS: [/\d{2}/, function (d, v) { - d.millisecond = v * 10; - }], - SSS: [threeDigits, function (d, v) { - d.millisecond = v; - }], - D: [twoDigits, noop], - ddd: [word, noop], - MMM: [word, monthUpdate('monthNamesShort')], - MMMM: [word, monthUpdate('monthNames')], - a: [word, function (d, v, i18n) { - var val = v.toLowerCase(); - if (val === i18n.amPm[0]) { - d.isPm = false; - } else if (val === i18n.amPm[1]) { - d.isPm = true; - } - }], - ZZ: [/[\+\-]\d\d:?\d\d/, function (d, v) { - var parts = (v + '').match(/([\+\-]|\d\d)/gi), minutes; - - if (parts) { - minutes = +(parts[1] * 60) + parseInt(parts[2], 10); - d.timezoneOffset = parts[0] === '+' ? minutes : -minutes; - } - }] - }; - parseFlags.DD = parseFlags.DD; - parseFlags.dddd = parseFlags.ddd; - parseFlags.Do = parseFlags.dd = parseFlags.d; - parseFlags.mm = parseFlags.m; - parseFlags.hh = parseFlags.H = parseFlags.HH = parseFlags.h; - parseFlags.MM = parseFlags.M; - parseFlags.ss = parseFlags.s; - parseFlags.A = parseFlags.a; - - - // Some common format strings - fecha.masks = { - 'default': 'ddd MMM dd yyyy HH:mm:ss', - shortDate: 'M/D/yy', - mediumDate: 'MMM d, yyyy', - longDate: 'MMMM d, yyyy', - fullDate: 'dddd, MMMM d, yyyy', - shortTime: 'HH:mm', - mediumTime: 'HH:mm:ss', - longTime: 'HH:mm:ss.SSS' - }; - - /*** - * Format a date - * @method format - * @param {Date|number} dateObj - * @param {string} mask Format of the date, i.e. 'mm-dd-yy' or 'shortDate' - */ - fecha.format = function (dateObj, mask, i18nSettings) { - var i18n = i18nSettings || fecha.i18n; - - if (typeof dateObj === 'number') { - dateObj = new Date(dateObj); - } - - if (Object.prototype.toString.call(dateObj) !== '[object Date]' || isNaN(dateObj.getTime())) { - throw new Error('Invalid Date in fecha.format'); - } - - mask = fecha.masks[mask] || mask || fecha.masks['default']; - - return mask.replace(token, function ($0) { - return $0 in formatFlags ? formatFlags[$0](dateObj, i18n) : $0.slice(1, $0.length - 1); - }); - }; - - /** - * Parse a date string into an object, changes - into / - * @method parse - * @param {string} dateStr Date string - * @param {string} format Date parse format - * @returns {Date|boolean} - */ - fecha.parse = function (dateStr, format, i18nSettings) { - var i18n = i18nSettings || fecha.i18n; - - if (typeof format !== 'string') { - throw new Error('Invalid format in fecha.parse'); - } - - format = fecha.masks[format] || format; - - // Avoid regular expression denial of service, fail early for really long strings - // https://www.owasp.org/index.php/Regular_expression_Denial_of_Service_-_ReDoS - if (dateStr.length > 1000) { - return false; - } - - var isValid = true; - var dateInfo = {}; - format.replace(token, function ($0) { - if (parseFlags[$0]) { - var info = parseFlags[$0]; - var index = dateStr.search(info[0]); - if (!~index) { - isValid = false; - } else { - dateStr.replace(info[0], function (result) { - info[1](dateInfo, result, i18n); - dateStr = dateStr.substr(index + result.length); - return result; - }); - } - } - - return parseFlags[$0] ? '' : $0.slice(1, $0.length - 1); - }); - - if (!isValid) { - return false; - } - - var today = new Date(); - if (dateInfo.isPm === true && dateInfo.hour != null && +dateInfo.hour !== 12) { - dateInfo.hour = +dateInfo.hour + 12; - } else if (dateInfo.isPm === false && +dateInfo.hour === 12) { - dateInfo.hour = 0; - } - - var date; - if (dateInfo.timezoneOffset != null) { - dateInfo.minute = +(dateInfo.minute || 0) - +dateInfo.timezoneOffset; - date = new Date(Date.UTC(dateInfo.year || today.getFullYear(), dateInfo.month || 0, dateInfo.day || 1, - dateInfo.hour || 0, dateInfo.minute || 0, dateInfo.second || 0, dateInfo.millisecond || 0)); - } else { - date = new Date(dateInfo.year || today.getFullYear(), dateInfo.month || 0, dateInfo.day || 1, - dateInfo.hour || 0, dateInfo.minute || 0, dateInfo.second || 0, dateInfo.millisecond || 0); - } - return date; - }; - - /* istanbul ignore next */ - if (typeof module !== 'undefined' && module.exports) { - module.exports = fecha; - } else if (typeof define === 'function' && define.amd) { - define(function () { - return fecha; - }); - } else { - main.fecha = fecha; - } -})(this); diff --git a/test/app.vue b/test/app.vue deleted file mode 100644 index bad53324..00000000 --- a/test/app.vue +++ /dev/null @@ -1,77 +0,0 @@ - - - - diff --git a/test/index.html b/test/index.html deleted file mode 100644 index ea673357..00000000 --- a/test/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - iView test page - - - -
- - - - diff --git a/test/main.js b/test/main.js deleted file mode 100644 index 8692017d..00000000 --- a/test/main.js +++ /dev/null @@ -1,176 +0,0 @@ -/** - * Created by aresn on 16/6/20. - */ -import Vue from 'vue'; -import VueRouter from 'vue-router'; -import App from './app.vue'; -import iView from '../src/index'; -// import locale from '../src/locale/lang/en-US'; -import locale from '../src/locale/lang/zh-CN'; - -Vue.use(VueRouter); -Vue.use(iView, { locale }); - -// 开启debug模式 -Vue.config.debug = true; - -// 路由配置 -var router = new VueRouter({ - history: true -}); - -router.map({ - '/button': { - component: function (resolve) { - require(['./routers/button.vue'], resolve); - } - }, - '/card': { - component: function (resolve) { - require(['./routers/card.vue'], resolve); - } - }, - '/message': { - component: function (resolve) { - require(['./routers/message.vue'], resolve); - } - }, - '/more': { - component: function (resolve) { - require(['./routers/more.vue'], resolve); - } - }, - '/page': { - component: function (resolve) { - require(['./routers/page.vue'], resolve); - } - }, - '/poptip': { - component: function (resolve) { - require(['./routers/poptip.vue'], resolve); - } - }, - '/radio': { - component: function (resolve) { - require(['./routers/radio.vue'], resolve); - } - }, - '/select': { - component: function (resolve) { - require(['./routers/select.vue'], resolve); - } - }, - '/slider': { - component: function (resolve) { - require(['./routers/slider.vue'], resolve); - } - }, - '/step': { - component: function (resolve) { - require(['./routers/step.vue'], resolve); - } - }, - '/switch': { - component: function (resolve) { - require(['./routers/switch.vue'], resolve); - } - }, - '/alert': { - component: function (resolve) { - require(['./routers/alert.vue'], resolve); - } - }, - '/tag': { - component: function (resolve) { - require(['./routers/tag.vue'], resolve); - } - }, - '/input': { - component: function (resolve) { - require(['./routers/input.vue'], resolve); - } - }, - '/tooltip': { - component: function (resolve) { - require(['./routers/tooltip.vue'], resolve); - } - }, - '/cascader': { - component: function (resolve) { - require(['./routers/cascader.vue'], resolve); - } - }, - '/transfer': { - component: function (resolve) { - require(['./routers/transfer.vue'], resolve); - } - }, - '/table': { - component: function (resolve) { - require(['./routers/table.vue'], resolve); - } - }, - '/dropdown': { - component: function (resolve) { - require(['./routers/dropdown.vue'], resolve); - } - }, - '/tabs': { - component: function (resolve) { - require(['./routers/tabs.vue'], resolve); - } - }, - '/menu': { - component: function (resolve) { - require(['./routers/menu.vue'], resolve); - } - }, - '/date': { - component: function (resolve) { - require(['./routers/date.vue'], resolve); - } - }, - '/form': { - component: function (resolve) { - require(['./routers/form.vue'], resolve); - } - }, - '/carousel': { - component: function (resolve) { - require(['./routers/carousel.vue'], resolve); - } - }, - '/rate': { - component: function (resolve) { - require(['./routers/rate.vue'], resolve); - } - }, - '/upload': { - component: function (resolve) { - require(['./routers/upload.vue'], resolve); - } - }, - '/tree': { - component: function (resolve) { - require(['./routers/tree.vue'], resolve); - } - }, - '/notice': { - component: function (resolve) { - require(['./routers/notice.vue'], resolve); - } - }, -}); - -router.beforeEach(function () { - window.scrollTo(0, 0); -}); - -router.afterEach(function (transition) { - -}); - -router.redirect({ - '*': "/button" -}); -router.start(App, '#app'); diff --git a/test/routers/alert.vue b/test/routers/alert.vue deleted file mode 100644 index c41289a0..00000000 --- a/test/routers/alert.vue +++ /dev/null @@ -1,37 +0,0 @@ - - diff --git a/test/routers/button.vue b/test/routers/button.vue deleted file mode 100644 index 7866643a..00000000 --- a/test/routers/button.vue +++ /dev/null @@ -1,307 +0,0 @@ - - diff --git a/test/routers/card.vue b/test/routers/card.vue deleted file mode 100644 index 75fb31bf..00000000 --- a/test/routers/card.vue +++ /dev/null @@ -1,38 +0,0 @@ - - \ No newline at end of file diff --git a/test/routers/carousel.vue b/test/routers/carousel.vue deleted file mode 100644 index 0171d80c..00000000 --- a/test/routers/carousel.vue +++ /dev/null @@ -1,206 +0,0 @@ - - diff --git a/test/routers/cascader.vue b/test/routers/cascader.vue deleted file mode 100644 index d8ebc3f6..00000000 --- a/test/routers/cascader.vue +++ /dev/null @@ -1,77 +0,0 @@ - - diff --git a/test/routers/date.vue b/test/routers/date.vue deleted file mode 100644 index ab2476fa..00000000 --- a/test/routers/date.vue +++ /dev/null @@ -1,14 +0,0 @@ - - diff --git a/test/routers/dropdown.vue b/test/routers/dropdown.vue deleted file mode 100644 index fef30454..00000000 --- a/test/routers/dropdown.vue +++ /dev/null @@ -1,33 +0,0 @@ - - diff --git a/test/routers/form.vue b/test/routers/form.vue deleted file mode 100644 index ba1484e1..00000000 --- a/test/routers/form.vue +++ /dev/null @@ -1,50 +0,0 @@ - - diff --git a/test/routers/input.vue b/test/routers/input.vue deleted file mode 100644 index 1d0bb215..00000000 --- a/test/routers/input.vue +++ /dev/null @@ -1,132 +0,0 @@ - - \ No newline at end of file diff --git a/test/routers/menu.vue b/test/routers/menu.vue deleted file mode 100644 index c28b2bff..00000000 --- a/test/routers/menu.vue +++ /dev/null @@ -1,49 +0,0 @@ - - diff --git a/test/routers/message.vue b/test/routers/message.vue deleted file mode 100644 index 012292c9..00000000 --- a/test/routers/message.vue +++ /dev/null @@ -1,44 +0,0 @@ - - diff --git a/test/routers/more.vue b/test/routers/more.vue deleted file mode 100644 index 62da1fe6..00000000 --- a/test/routers/more.vue +++ /dev/null @@ -1,67 +0,0 @@ - - - diff --git a/test/routers/notice.vue b/test/routers/notice.vue deleted file mode 100644 index 21de42df..00000000 --- a/test/routers/notice.vue +++ /dev/null @@ -1,19 +0,0 @@ - - diff --git a/test/routers/page.vue b/test/routers/page.vue deleted file mode 100644 index bde2fa94..00000000 --- a/test/routers/page.vue +++ /dev/null @@ -1,18 +0,0 @@ - - diff --git a/test/routers/poptip.vue b/test/routers/poptip.vue deleted file mode 100644 index 8cf282b8..00000000 --- a/test/routers/poptip.vue +++ /dev/null @@ -1,22 +0,0 @@ - - diff --git a/test/routers/radio.vue b/test/routers/radio.vue deleted file mode 100644 index 9375a795..00000000 --- a/test/routers/radio.vue +++ /dev/null @@ -1,206 +0,0 @@ - - diff --git a/test/routers/rate.vue b/test/routers/rate.vue deleted file mode 100644 index 40da8434..00000000 --- a/test/routers/rate.vue +++ /dev/null @@ -1,25 +0,0 @@ - - \ No newline at end of file diff --git a/test/routers/select.vue b/test/routers/select.vue deleted file mode 100644 index e774cb0f..00000000 --- a/test/routers/select.vue +++ /dev/null @@ -1,70 +0,0 @@ - - diff --git a/test/routers/slider.vue b/test/routers/slider.vue deleted file mode 100644 index abd0f9d8..00000000 --- a/test/routers/slider.vue +++ /dev/null @@ -1,44 +0,0 @@ - - diff --git a/test/routers/step.vue b/test/routers/step.vue deleted file mode 100644 index 21cc00dd..00000000 --- a/test/routers/step.vue +++ /dev/null @@ -1,97 +0,0 @@ - - - diff --git a/test/routers/switch.vue b/test/routers/switch.vue deleted file mode 100644 index d358a783..00000000 --- a/test/routers/switch.vue +++ /dev/null @@ -1,34 +0,0 @@ - - diff --git a/test/routers/table.vue b/test/routers/table.vue deleted file mode 100644 index cb8f0821..00000000 --- a/test/routers/table.vue +++ /dev/null @@ -1,96 +0,0 @@ - - diff --git a/test/routers/tabs.vue b/test/routers/tabs.vue deleted file mode 100644 index 13bbac5b..00000000 --- a/test/routers/tabs.vue +++ /dev/null @@ -1,17 +0,0 @@ - - diff --git a/test/routers/tag.vue b/test/routers/tag.vue deleted file mode 100644 index 39f5e840..00000000 --- a/test/routers/tag.vue +++ /dev/null @@ -1,70 +0,0 @@ - - diff --git a/test/routers/tooltip.vue b/test/routers/tooltip.vue deleted file mode 100644 index 9ed208f8..00000000 --- a/test/routers/tooltip.vue +++ /dev/null @@ -1,75 +0,0 @@ - - - diff --git a/test/routers/transfer.vue b/test/routers/transfer.vue deleted file mode 100644 index a8c0ba43..00000000 --- a/test/routers/transfer.vue +++ /dev/null @@ -1,47 +0,0 @@ - - diff --git a/test/routers/tree.vue b/test/routers/tree.vue deleted file mode 100644 index 84bd633b..00000000 --- a/test/routers/tree.vue +++ /dev/null @@ -1,46 +0,0 @@ - - diff --git a/test/routers/upload.vue b/test/routers/upload.vue deleted file mode 100644 index 0ecfa956..00000000 --- a/test/routers/upload.vue +++ /dev/null @@ -1,135 +0,0 @@ - - -