diff --git a/CHANGE_LOG.md b/CHANGE_LOG.md index e8df75a..eaf65d2 100644 --- a/CHANGE_LOG.md +++ b/CHANGE_LOG.md @@ -33,6 +33,11 @@ 1.0.9 / 2018-11-01 ================== - * 移除小程序animate事件 - * 页面布局单位由rpx改为px，更改兼容vue原生页面 - * 完善api和event \ No newline at end of file + * 兼容无感停车 + + 1.1.0 / 2018-11-06 +================== + * 移除scss-bem + * 移除scss，兼容原生css + * 增加动态获取输入的车牌号 + * 完善demo \ No newline at end of file diff --git a/README.md b/README.md index 67ed1bf..0a76308 100644 --- a/README.md +++ b/README.md @@ -17,6 +17,7 @@ | active-border | String | #ff7149 | 自定义正在输入的格子边框颜色 | | extra-key | String | 完成 | 右下角按键内容 | | keyboard | Function | null | 获取键盘输入结果 | +| keyboard | Function | null | 获取键盘输入结果 | ## Event @@ -24,9 +25,6 @@ | 事件名 | 说明 | 参数 | | -----------------|--------------- | ---------------- | | keyboard | 点击完成键时触发 | key: 按键所选择的内容 | -| input | 点击按键时触发 | - | -| close | 点击关闭按钮或非键盘区域时触发 | - | -| delete | 点击删除键时触发 | - | ## 基本使用方法 @@ -40,8 +38,8 @@ npm i mpvue-keyboard --save ``` vue + \ No newline at end of file diff --git a/node_modules/sass-bem/.editorconfig b/node_modules/sass-bem/.editorconfig deleted file mode 100644 index 8bd90a1..0000000 --- a/node_modules/sass-bem/.editorconfig +++ /dev/null @@ -1,11 +0,0 @@ -root = true - -[*] -charset = utf-8 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true - -[*.scss] -indent_style = space -indent_size = 2 diff --git a/node_modules/sass-bem/.npmignore b/node_modules/sass-bem/.npmignore deleted file mode 100644 index 20af8bd..0000000 --- a/node_modules/sass-bem/.npmignore +++ /dev/null @@ -1,14 +0,0 @@ -.idea/ -.sass-cache/ -test/.sass-cache/ -node_modules/ -gh-pages/ -coverage/ - -**/.DS_Store -.sassdocrc -/style.scss -/style.css -*.map - -yarn.lock diff --git a/node_modules/sass-bem/LICENSE b/node_modules/sass-bem/LICENSE deleted file mode 100644 index 0ddcfdd..0000000 --- a/node_modules/sass-bem/LICENSE +++ /dev/null @@ -1,19 +0,0 @@ -Copyright (c) 2015 Zura Gabievi - -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/node_modules/sass-bem/README.md b/node_modules/sass-bem/README.md deleted file mode 100644 index cfaceba..0000000 --- a/node_modules/sass-bem/README.md +++ /dev/null @@ -1,166 +0,0 @@ -# sass-bem - -> **Please upgrade to version 2.6.0**, we have some great features. Thanks to @szalonna and @MartinN3 resolved issue in documentation and updated some mixins. - -> **TEST RESULTS:** `124 Tests, 82 Passed, 0 Failed, 42 Output to CSS` - -[![Bower](https://img.shields.io/bower/v/zgabievi/sass-bem.svg?style=flat-square)](http://bower.io/search/?q=sass-bem) -[![NPM](https://img.shields.io/npm/v/sass-bem.svg?style=flat-square)](https://www.npmjs.com/package/sass-bem) - -| sass-bem | | -|:----------:|:----| -| [![sass-bem](https://i.imgsafe.org/fbbe54a80d.png)](https://github.com/zgabievi/sass-bem/) | Amazing package for [sass](http://sass-lang.com/) to write [bem](https://en.bem.info/) classes, with namespaces and more advanced features. **Pull requests** are welcome :tada: | - -## Table of Contents - -+ [Installation](#installation) -+ [What? Why? How?](#what-why-how) -+ [Example](#example) -+ [Wiki](#wiki) or [Documentation](http://zgabievi.me/sass-bem/) -+ [License](#license) - -## Installation -### Install with [bower](http://bower.io/search/?q=sass-bem) or [npm](https://www.npmjs.com/package/sass-bem) -``` -$ bower install sass-bem --save - -$ npm install sass-bem --save -``` - -### or install manually -- [Download Package Archive](https://github.com/zgabievi/sass-bem/archive/master.zip) -- Extract archive to your project. - -## What? Why? How? - -> I was inspired to create this package, after I read an article "[More Transparent UI Code with Namespaces](http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/)" written by [Harry Roberts](https://twitter.com/csswizardry). - -> Also I can't miss about [bem](https://en.bem.info/), methodology for creating amazing html & css classes. If you don't know about it, you really should read more and get informed about bem. - -**What about this package?** -This is great tool, if you want to stay strict at writing code. If you want your code to be more readable and easy to maintenance. If you want to be advanced in writing sass, install this package and became pro. - -**Why do I love this package?** -When I'm writing with **sass-bem** I'm always strict to use same structure each time. I'm in love with all of its features, but two of them are most amazing. - -- First one is `parse`, also known as `p` mixin. You can pass list of mixins, selectors, pseudo elements and etc. You will get comma separated selectors in your *css* file. You can pass *"m:inline"*, this will call `m` mixin with parameter *"inline"*, so you will get `&--inline`. You can also use `&` at your will. - -- Second one is very helpfull to write more code in less time. You can define shortcodes to use in `parse` mixin. For example, you can define *"fha"* as list of `"focus", "hover", "active"`, and when you call `parse('fha')`, you will get pre-defined list parsed. - -I suggest you to create `"ha"` and `"lv"` shortcuts, for `"hover", "active"` and `"link", "visited"`, just like **HATE & LOVE**. Also you can create shortcut called something like `"dsbld"`, which will cover `"disabled", "is:disabled"` mixins. This one will be generated as `&[disabled], &.is-disabled`, because of `disabled` mixin and `is` mixin with param "disabled". Keep playing with shortcuts. :stuck_out_tongue_closed_eyes: - -**How to use package?** -Simply `@import` *"bem"* at the very beggining of your *sass*/*scss* main file, configure some parameters at your will, and enjoy with great features. - -**Looking for configuration docs?** -Visit your documentation website, and look at variables section. You will find [`$bem` map](http://zgabievi.me/sass-bem/#variable-bem), where you can see all parameters. Or scroll down to see how to change them separately. - -## Example - -Let's work on [Nicole Sullivan](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/)'s post, about media object. - -`index.html` - -```html -
- - Thumb - - - -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip - ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore - eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia - deserunt mollit anim id est laborum. -
- -
- -``` - ---- - -`app.scss` - -```scss -@import "node_modules/sass-bem/bem"; - -// coding... -@include object('media') { // or o('media') - margin: 10px; - - @include parse('&', 'e:body') { // or p('&', 'e:body') - overflow:hidden; - _overflow:visible; - zoom:1; - } - - @include element('image') { // or e('image') - float:left; - margin-right: 10px; - - @include at('rtl') { // .o-media--rtl .o-media__image - float: right; - margin-left: 10px; - margin-right: 0; - } - } - - @include element('thumb') { // or e('thumb') - display: block; - } -} -``` - ---- - -`app.css` - -```css -.o-media { - margin: 10px; -} - -.o-media, -.o-media__body { - overflow: hidden; - _overflow: visible; - zoom: 1; -} - -.o-media__image { - float: left; - margin-right: 10px; -} - -.o-media--rtl .o-media__image { - float: right; - margin-left: 10px; - margin-right: 0; -} - -.o-media__thumb { - display: block; -} -``` - ---- - -![Result](http://i.imgsafe.org/ecb22dd.png) - -> More examples [here](https://github.com/zgabievi/sass-bem/wiki/Examples) and even more will come soon... - -## Wiki - -> We would recomend you to read full documentation in our website: [http://zgabievi.me/sass-bem/](http://zgabievi.me/sass-bem/) -> -> Still prefer Wiki? Then follow this table of contents or go to our [Wiki](https://github.com/zgabievi/sass-bem/wiki) page. - -+ [**mixins**](https://github.com/zgabievi/sass-bem/wiki/Mixins): [block](https://github.com/zgabievi/sass-bem/wiki/Mixins#block-mixin), [element](https://github.com/zgabievi/sass-bem/wiki/Mixins#element-mixin), [modifier](https://github.com/zgabievi/sass-bem/wiki/Mixins#modifier-mixin), [relations](https://github.com/zgabievi/sass-bem/wiki/Mixins#relations), [states](https://github.com/zgabievi/sass-bem/wiki/Mixins#states), [pseudo elements](https://github.com/zgabievi/sass-bem/wiki/Mixins#pseudo-elements), [parse](https://github.com/zgabievi/sass-bem/wiki/Mixins#parse) -+ [**namespaces**](https://github.com/zgabievi/sass-bem/wiki/OOCSS): [object](https://github.com/zgabievi/sass-bem/wiki/OOCSS#object-mixin), [component](https://github.com/zgabievi/sass-bem/wiki/OOCSS#component-mixin), [utility](https://github.com/zgabievi/sass-bem/wiki/OOCSS#utility-mixin), [theme](https://github.com/zgabievi/sass-bem/wiki/OOCSS#theme-mixin), [scope](https://github.com/zgabievi/sass-bem/wiki/OOCSS#scope-mixin), [hack](https://github.com/zgabievi/sass-bem/wiki/OOCSS#hack-mixin), [state](https://github.com/zgabievi/sass-bem/wiki/OOCSS#state-mixin) -+ [**functions**](https://github.com/zgabievi/sass-bem/wiki/Functions): [bem-index](https://github.com/zgabievi/sass-bem/wiki/Functions#bem-index), [get-block](https://github.com/zgabievi/sass-bem/wiki/Functions#get-block), [is-block](https://github.com/zgabievi/sass-bem/wiki/Functions#is-block), [is-element](https://github.com/zgabievi/sass-bem/wiki/Functions#is-element), [is-modifier](https://github.com/zgabievi/sass-bem/wiki/Functions#is-modifier), [math-min](https://github.com/zgabievi/sass-bem/wiki/Functions#math-min), [explode](https://github.com/zgabievi/sass-bem/wiki/Functions#explode) - -## License -The sass-bem package is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT). diff --git a/node_modules/sass-bem/_bem.scss b/node_modules/sass-bem/_bem.scss deleted file mode 100644 index 8c177b2..0000000 --- a/node_modules/sass-bem/_bem.scss +++ /dev/null @@ -1,56 +0,0 @@ -// SASS-BEM 2.4.1 -// http://zgabievi.me/sass-bem/ -// Copyright 2016 Zura Gabievi. -// MIT License - -/// @group sass-bem - -// Configuration -@import "src/config"; - -// Functions -@import "src/functions/bem-index"; -@import "src/functions/is-modifier"; -@import "src/functions/is-element"; -@import "src/functions/has-state"; -@import "src/functions/has-pseudo"; -@import "src/functions/is-block"; -@import "src/functions/get-block"; -@import "src/functions/str-replace"; -@import "src/functions/math-min"; -@import "src/functions/explode"; -@import "src/functions/implode"; -@import "src/functions/splice"; - -// Helpers -@import "src/helpers/block-selector"; -@import "src/helpers/element-selector"; -@import "src/helpers/modifier-selector"; -@import "src/helpers/relations-selector"; -@import "src/helpers/object-selector"; -@import "src/helpers/component-selector"; -@import "src/helpers/utility-selector"; -@import "src/helpers/theme-selector"; -@import "src/helpers/scope-selector"; -@import "src/helpers/state-selector"; -@import "src/helpers/pseudo-selector"; -@import "src/helpers/states-selector"; -@import "src/helpers/hack-selector"; -@import "src/helpers/test-selector"; - -// Mixins -@import "src/mixins/block"; -@import "src/mixins/element"; -@import "src/mixins/modifier"; -@import "src/mixins/relations"; -@import "src/mixins/states"; -@import "src/mixins/pseudo"; -@import "src/mixins/parse"; -@import "src/mixins/object"; -@import "src/mixins/component"; -@import "src/mixins/utility"; -@import "src/mixins/theme"; -@import "src/mixins/scope"; -@import "src/mixins/state"; -@import "src/mixins/hack"; -@import "src/mixins/test"; diff --git a/node_modules/sass-bem/bower.json b/node_modules/sass-bem/bower.json deleted file mode 100644 index bb2e99b..0000000 --- a/node_modules/sass-bem/bower.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "name": "sass-bem", - "version": "2.6.5", - "main": "_bem.scss", - "description": "Amazing package for sass to write bem classes, with namespaces and more advanced features.", - "authors": [ - "zgabievi " - ], - "license": "MIT", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "package.json", - "test", - "tests" - ] -} diff --git a/node_modules/sass-bem/gulpfile.js b/node_modules/sass-bem/gulpfile.js deleted file mode 100644 index 16aafc5..0000000 --- a/node_modules/sass-bem/gulpfile.js +++ /dev/null @@ -1,31 +0,0 @@ -const gulp = require('gulp'); -const sassdoc = require('sassdoc'); -const mocha = require('gulp-mocha'); - -gulp.task('default', () => - gulp.src('./test/test_sass.js') - .pipe(mocha()) - .once('error', () => { - process.exit(1); - }) - .once('end', () => { - process.exit(); - }) -); - -gulp.task('sassdoc', () => { - return gulp.src(['_config.scss', '_bem.scss', './mixins/**.scss', './helpers/**.scss', './functions/*.scss']) - .pipe(sassdoc({ - dest: 'gh-pages', - verbose: true, - display: { - access: ['public', 'private'], - alias: true, - watermark: true, - }, - groups: { - 'undefined': 'sass-bem' - }, - basePath: 'http://zgabievi.me/sass-bem/', - })) -}); diff --git a/node_modules/sass-bem/package.json b/node_modules/sass-bem/package.json deleted file mode 100644 index 535c346..0000000 --- a/node_modules/sass-bem/package.json +++ /dev/null @@ -1,76 +0,0 @@ -{ - "_from": "sass-bem", - "_id": "sass-bem@2.6.5", - "_inBundle": false, - "_integrity": "sha1-P1MSjGsrU55DI9vKrvzfy0gfHVM=", - "_location": "/sass-bem", - "_phantomChildren": {}, - "_requested": { - "type": "tag", - "registry": true, - "raw": "sass-bem", - "name": "sass-bem", - "escapedName": "sass-bem", - "rawSpec": "", - "saveSpec": null, - "fetchSpec": "latest" - }, - "_requiredBy": [ - "#USER", - "/" - ], - "_resolved": "https://registry.npmjs.org/sass-bem/-/sass-bem-2.6.5.tgz", - "_shasum": "3f53128c6b2b539e4323dbcaaefcdfcb481f1d53", - "_spec": "sass-bem", - "_where": "/home/yunpeng/Desktop/wxplugin/mpvue-keyboard", - "author": { - "name": "zgabievi", - "email": "zura.gabievi@gmail.com" - }, - "bugs": { - "url": "https://github.com/zgabievi/sass-bem/issues" - }, - "bundleDependencies": false, - "dependencies": { - "sass-config": "^1.1.1" - }, - "deprecated": false, - "description": "Amazing package for sass to write bem classes, with namespaces and more advanced features.", - "devDependencies": { - "gulp": "^3.9.1", - "gulp-mocha": "^3.0.1", - "mocha": "^3.2.0", - "node-sass": "^3.13.0", - "sass-true": "^2.1.3", - "sassdoc": "^2.1.20" - }, - "homepage": "https://github.com/zgabievi/sass-bem#readme", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "bower.json", - "test", - "tests" - ], - "keywords": [ - "bem", - "sass", - "scss", - "mixins", - "helpers" - ], - "license": "MIT", - "main": "_bem.scss", - "name": "sass-bem", - "repository": { - "type": "git", - "url": "git+https://github.com/zgabievi/sass-bem.git" - }, - "scripts": { - "sass": "node-sass style.scss style.css", - "sassdoc": "node-sass style.scss style.css", - "test": "mocha --reporter spec" - }, - "version": "2.6.5" -} diff --git a/node_modules/sass-bem/src/_config.scss b/node_modules/sass-bem/src/_config.scss deleted file mode 100644 index 430f653..0000000 --- a/node_modules/sass-bem/src/_config.scss +++ /dev/null @@ -1,132 +0,0 @@ -@charset "UTF-8"; - -@import "../../sass-config/config"; - -/// Default sass-bem configuration settings. -/// -/// @type map -/// -/// @prop {boolean} debug [false] - Turn debug mode on/off. To get outlines on selectors. -/// -/// @prop {string} separator.element [__] - Element separator from parent block. -/// -/// @prop {string} separator.modifier [--] - Modifier separator from parent block. -/// -/// @prop {string} separator.state [-] - States separator from parent block. -/// -/// @prop {string} namespace.component [c] - Component selector namespace. -/// -/// @prop {string} namespace.hack [_] - Hack selector namespace. -/// -/// @prop {string} namespace.object [o] - Object selector namespace. -/// -/// @prop {string} namespace.scope [s] - Scope selector namespace. -/// -/// @prop {string} namespace.test [qa] - Test selector namespace. -/// -/// @prop {string} namespace.theme [t] - Theme selector namespace. -/// -/// @prop {string} namespace.utility [u] - Utility selector namespace. -/// -/// @prop {list} shortcodes - Shortcodes list for parsing. -/// -/// @access public - -@if not function-exists(config) { - @error 'sass-config package need to be imported before sass-bem package'; -} - -$bem: ( - 'debug': false, - 'separator': ( - 'element': "__", - 'modifier': "--", - 'state': "-", - ), - 'namespace': ( - 'component': "c", - 'hack': "_", - 'object': "o", - 'scope': "s", - 'test': "qa", - 'theme': "t", - 'utility': "u", - ), - 'shortcodes': ( - 'ab': ('before', 'after') - ) -) !default; - -@include config('bem', $bem); - -/// Turn debug mode on/off. To get outlines on selectors. -/// -/// @type Boolean - -$bem-debug: config('bem.debug') !default; - -/// Element separator from parent block. -/// -/// @type String - -$bem-element-separator: config('bem.separator.element') !default; - -/// Modifier separator from parent block. -/// -/// @type String - -$bem-modifier-separator: config('bem.separator.modifier') !default; - -/// States separator from parent block. -/// -/// @type String - -$bem-state-separator: config('bem.separator.state') !default; - -/// Component selector namespace. -/// -/// @type String - -$bem-component-namespace: config('bem.namespace.component') !default; - -/// Hack selector namespace. -/// -/// @type String - -$bem-hack-namespace: config('bem.namespace.hack') !default; - -/// Object selector namespace. -/// -/// @type String - -$bem-object-namespace: config('bem.namespace.object') !default; - -/// Scope selector namespace. -/// -/// @type String - -$bem-scope-namespace: config('bem.namespace.scope') !default; - -/// Test selector namespace. -/// -/// @type String - -$bem-test-namespace: config('bem.namespace.test') !default; - -/// Theme selector namespace. -/// -/// @type String - -$bem-theme-namespace: config('bem.namespace.theme') !default; - -/// Utility selector namespace. -/// -/// @type String - -$bem-utility-namespace: config('bem.namespace.utility') !default; - -/// Shortcodes list for parsing. -/// -/// @type List - -$bem-shortcodes: config('bem.shortcodes') !default; diff --git a/node_modules/sass-bem/src/functions/_bem-index.scss b/node_modules/sass-bem/src/functions/_bem-index.scss deleted file mode 100644 index 6e8e5cf..0000000 --- a/node_modules/sass-bem/src/functions/_bem-index.scss +++ /dev/null @@ -1,40 +0,0 @@ -@charset "UTF-8"; - -/// Get index of separator. -/// -/// @access private -/// -/// @param {String} $string - Name of selector, where we should find separator -/// -/// @returns {Number} - Index of separators - -@function bem-index($string) { - $e_index: null; - $m_index: null; - - @if (str-index($string, unquote("#{$bem-element-separator}")) != null) { - $e_index: str-index($string, unquote("#{$bem-element-separator}")); - } - - @if (str-index($string, unquote("#{$bem-modifier-separator}")) != null) { - $m_index: str-index($string, unquote("#{$bem-modifier-separator}")); - } - - @if (str-index($string, ".is") != null) { - $m_index: str-index($string, ".is"); - } - - @if (str-index($string, ".js") != null) { - $m_index: str-index($string, ".js"); - } - - @if (str-index($string, ".has") != null) { - $m_index: str-index($string, ".has"); - } - - @if (str-index($string, ":") != null) { - $m_index: str-index($string, ":"); - } - - @return math-min($e_index, $m_index, 0); -} diff --git a/node_modules/sass-bem/src/functions/_explode.scss b/node_modules/sass-bem/src/functions/_explode.scss deleted file mode 100644 index 2e2b288..0000000 --- a/node_modules/sass-bem/src/functions/_explode.scss +++ /dev/null @@ -1,32 +0,0 @@ -@charset "UTF-8"; - -/// Explode string to get list of strings. -/// -/// @access private -/// -/// @param {String} $string - String which should be exploded -/// @param {String} $separator - Separator which will explode string to pieces -/// -/// @returns {List} - List of exploded string - -@function explode($string, $separator) { - $list: (); - $length: str-length($string); - - @for $i from 1 through $length { - $index: str-index($string, $separator); - - @if str-length($string) >= 1 and $index == null { - $list: append($list, $string); - $string: ''; - } - - @if type-of($index) == number { - $each: str-slice($string, 0, ($index - 1)); - $list: append($list, $each); - $string: str-slice($string, ($index + 1), $length); - } - } - - @return $list; -} diff --git a/node_modules/sass-bem/src/functions/_get-block.scss b/node_modules/sass-bem/src/functions/_get-block.scss deleted file mode 100644 index 796173b..0000000 --- a/node_modules/sass-bem/src/functions/_get-block.scss +++ /dev/null @@ -1,19 +0,0 @@ -@charset "UTF-8"; - -/// Get block element from selector. -/// -/// @access private -/// -/// @param {String} $selector - Selector, from where we will take block -/// -/// @returns {String} - Block element - -@function get-block($selector) { - $block: str-slice($selector, 2, bem-index($selector) - 1); - - @while (is-block($block) == false) { - $block: str-slice($block, 0, bem-index($block) - 1); - } - - @return $block; -} diff --git a/node_modules/sass-bem/src/functions/_has-pseudo.scss b/node_modules/sass-bem/src/functions/_has-pseudo.scss deleted file mode 100644 index 354a811..0000000 --- a/node_modules/sass-bem/src/functions/_has-pseudo.scss +++ /dev/null @@ -1,13 +0,0 @@ -@charset "UTF-8"; - -/// Check if selector contains pseudo element. -/// -/// @access private -/// -/// @param {String} $selector - Selector, which we will check for pseudo -/// -/// @returns {Boolean} - -@function has-pseudo($selector) { - @return str-index($selector, ":") != null; -} diff --git a/node_modules/sass-bem/src/functions/_has-state.scss b/node_modules/sass-bem/src/functions/_has-state.scss deleted file mode 100644 index 57f4666..0000000 --- a/node_modules/sass-bem/src/functions/_has-state.scss +++ /dev/null @@ -1,17 +0,0 @@ -@charset "UTF-8"; - -/// Check if selector contains state. -/// -/// @access private -/// -/// @param {String} $selector - Selector, which we will check for state -/// -/// @returns {Boolean} - -@function has-state($selector) { - $separator_is: unquote(".is#{$bem-state-separator}"); - $separator_js: unquote(".js#{$bem-state-separator}"); - $separator_has: unquote(".has#{$bem-state-separator}"); - - @return str-index($selector, $separator_is) != null or str-index($selector, $separator_js) != null or str-index($selector, $separator_has) != null; -} diff --git a/node_modules/sass-bem/src/functions/_implode.scss b/node_modules/sass-bem/src/functions/_implode.scss deleted file mode 100644 index 0c027e3..0000000 --- a/node_modules/sass-bem/src/functions/_implode.scss +++ /dev/null @@ -1,27 +0,0 @@ -@charset "UTF-8"; - -/// Implode list to get string. -/// -/// @access private -/// -/// @param {List} $list - List which will be imploded -/// @param {String} $glue [''] - Separator which will glue list -/// @param {Boolean} $is-nested - List is nested or not -/// -/// @returns {String} - Imploded list - -@function implode($list, $glue: '', $is-nested: false) { - $result: null; - - @for $i from 1 through length($list) { - $e: nth($list, $i); - - @if type-of($e) == list { - $result: unquote("#{$result}#{implode($e, $glue, true)}"); - } @else { - $result: if($i != length($list) or $is-nested, unquote("#{$result}#{$e}#{$glue}"), unquote("#{$result}#{$e}")); - } - } - - @return $result; -} diff --git a/node_modules/sass-bem/src/functions/_is-block.scss b/node_modules/sass-bem/src/functions/_is-block.scss deleted file mode 100644 index ecb2081..0000000 --- a/node_modules/sass-bem/src/functions/_is-block.scss +++ /dev/null @@ -1,13 +0,0 @@ -@charset "UTF-8"; - -/// Check if selector is block. -/// -/// @access private -/// -/// @param {String} $selector - Selector, which we will check for block -/// -/// @returns {Boolean} - -@function is-block($selector) { - @return not is-element($selector) and not is-modifier($selector) and not has-state($selector) and not has-pseudo($selector); -} diff --git a/node_modules/sass-bem/src/functions/_is-element.scss b/node_modules/sass-bem/src/functions/_is-element.scss deleted file mode 100644 index 885e01d..0000000 --- a/node_modules/sass-bem/src/functions/_is-element.scss +++ /dev/null @@ -1,15 +0,0 @@ -@charset "UTF-8"; - -/// Check if selector is element. -/// -/// @access private -/// -/// @param {String} $selector - Selector, which we will check for element -/// -/// @returns {Boolean} - -@function is-element($selector) { - $separator: unquote("#{$bem-element-separator}"); - - @return str-index($selector, $separator) != null; -} diff --git a/node_modules/sass-bem/src/functions/_is-modifier.scss b/node_modules/sass-bem/src/functions/_is-modifier.scss deleted file mode 100644 index 209365a..0000000 --- a/node_modules/sass-bem/src/functions/_is-modifier.scss +++ /dev/null @@ -1,15 +0,0 @@ -@charset "UTF-8"; - -/// Check if selector is modifier. -/// -/// @access private -/// -/// @param {String} $selector - Selector, which we will check for modifier -/// -/// @returns {Boolean} - -@function is-modifier($selector) { - $separator: unquote("#{$bem-modifier-separator}"); - - @return str-index($selector, $separator) != null; -} diff --git a/node_modules/sass-bem/src/functions/_math-min.scss b/node_modules/sass-bem/src/functions/_math-min.scss deleted file mode 100644 index aefcbb2..0000000 --- a/node_modules/sass-bem/src/functions/_math-min.scss +++ /dev/null @@ -1,31 +0,0 @@ -@charset "UTF-8"; - -/// Get minimum number from two of them, or get default. -/// -/// @access private -/// -/// @param {String} $a - First number to be checked -/// @param {String} $n - Second number to be checked -/// @param {String} $default [0] - Default number to be returned if min wasn't found -/// -/// @returns {Number} - Minimum number from two of them - -@function math-min($a, $b, $default: 0) { - $min: $default; - - @if ($a == null) { - @if ($b != null) { - $min: $b; - } - } @else if ($b == null) { - $min: $a; - } @else { - @if ($a <= $b) { - $min: $a; - } @else { - $min: $b; - } - } - - @return $min; -} diff --git a/node_modules/sass-bem/src/functions/_splice.scss b/node_modules/sass-bem/src/functions/_splice.scss deleted file mode 100644 index a72ae91..0000000 --- a/node_modules/sass-bem/src/functions/_splice.scss +++ /dev/null @@ -1,25 +0,0 @@ -@charset "UTF-8"; - -/// Unset item from list. -/// -/// @access private -/// -/// @param {List} $list - List from where will be removed -/// @param {String} $value - What to be removed -/// @param {Boolean} $recursive [false] - List is nested or not -/// -/// @returns {List} - -@function splice($list, $value, $recursive: false) { - $result: (); - - @for $i from 1 through length($list) { - @if type-of(nth($list, $i)) == list and $recursive { - $result: append($result, remove(nth($list, $i), $value, $recursive)); - } @else if nth($list, $i) != $value { - $result: append($result, nth($list, $i)); - } - } - - @return $result; -} diff --git a/node_modules/sass-bem/src/functions/_str-replace.scss b/node_modules/sass-bem/src/functions/_str-replace.scss deleted file mode 100644 index f288c52..0000000 --- a/node_modules/sass-bem/src/functions/_str-replace.scss +++ /dev/null @@ -1,21 +0,0 @@ -@charset "UTF-8"; - -/// Replace string with another string. -/// -/// @access private -/// -/// @param {String} $string - String from which will be replaced -/// @param {String} $search - String which will be removed -/// @param {String} $replace [''] - String which will be placed -/// -/// @returns {String} - -@function str-replace($string, $search, $replace: '') { - $index: str-index($string, $search); - - @if $index { - @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); - } - - @return $string; -} diff --git a/node_modules/sass-bem/src/helpers/_block-selector.scss b/node_modules/sass-bem/src/helpers/_block-selector.scss deleted file mode 100644 index 2e6e157..0000000 --- a/node_modules/sass-bem/src/helpers/_block-selector.scss +++ /dev/null @@ -1,21 +0,0 @@ -@charset "UTF-8"; - -/// Selector of block. -/// -/// @access private -/// -/// @param {String} $block - Name of block that will come after "." -/// -/// @returns {String} - .[block] -/// -/// @see {mixin} block - -@function block-selector($block) { - @return unquote(".#{$block}"); -} - -/// @alias block-selector - -@function b-selector($block) { - @return block-selector($block); -} diff --git a/node_modules/sass-bem/src/helpers/_component-selector.scss b/node_modules/sass-bem/src/helpers/_component-selector.scss deleted file mode 100644 index cd69787..0000000 --- a/node_modules/sass-bem/src/helpers/_component-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of component. -/// -/// @access private -/// -/// @param {String} $component - Name of component that will come after ".c-" -/// @param {String} $namespace - Namespace of component. -/// -/// @returns {String} - .c-[component] -/// -/// @see {mixin} component - -@function component-selector($component, $namespace) { - @return unquote(".#{$namespace}-#{$component}"); -} - -/// @alias component-selector - -@function c-selector($component) { - @return component-selector($component); -} diff --git a/node_modules/sass-bem/src/helpers/_element-selector.scss b/node_modules/sass-bem/src/helpers/_element-selector.scss deleted file mode 100644 index 335f2af..0000000 --- a/node_modules/sass-bem/src/helpers/_element-selector.scss +++ /dev/null @@ -1,59 +0,0 @@ -@charset "UTF-8"; - -/// Selector of element. -/// -/// @access private -/// -/// @param {String} $element - Name of element that will come after ".[block]__" -/// @param {Boolean} $nested [false] - If element is nested with another element -/// -/// @returns {String} - .[block]__[element] -/// -/// @see {mixin} element - -@function element-selector($element, $nested: false) { - $selector: ''; - $parent: unquote("#{&}"); - - @if ($nested == true) { - $selector: unquote("&#{$bem-element-separator}#{$element}"); - } @else { - @if (is-block($parent)) { - $selector: unquote("&#{$bem-element-separator}#{$element}"); - } @else { - $block: get-block($parent); - $selector: unquote("& .#{$block}#{$bem-element-separator}#{$element}"); - } - - @if (type-of($element) == 'list') { - $selector: (); - - @each $value in $element { - $current: ''; - - @if (is-block($parent)) { - $current: unquote("&#{$bem-element-separator}#{$value}"); - } @else { - $block: get-block($parent); - $current: unquote("& .#{$block}#{$bem-element-separator}#{$value}"); - } - - $selector: append($selector, $current, comma); - } - } - } - - @return $selector; -} - -/// @alias element-selector - -@function e-selector($element) { - @return element-selector($element); -} - -/// @alias element-selector - -@function ee-selector($element) { - @return element-selector($element, true); -} diff --git a/node_modules/sass-bem/src/helpers/_hack-selector.scss b/node_modules/sass-bem/src/helpers/_hack-selector.scss deleted file mode 100644 index 5a7c12d..0000000 --- a/node_modules/sass-bem/src/helpers/_hack-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of hack. -/// -/// @access private -/// -/// @param {String} $hack - Name of hack that will come after "._" -/// @param {String} $namespace - Namespace of hack. -/// -/// @returns {String} - ._[hack] -/// -/// @see {mixin} hack - -@function hack-selector($hack, $namespace) { - @return unquote(".#{$namespace}#{$hack}"); -} - -/// @alias hack-selector - -@function _-selector($hack) { - @return hack-selector($hack, '_'); -} diff --git a/node_modules/sass-bem/src/helpers/_modifier-selector.scss b/node_modules/sass-bem/src/helpers/_modifier-selector.scss deleted file mode 100644 index 63d6a45..0000000 --- a/node_modules/sass-bem/src/helpers/_modifier-selector.scss +++ /dev/null @@ -1,32 +0,0 @@ -@charset "UTF-8"; - -/// Selector of modifier. -/// -/// @access private -/// -/// @param {String} $modifier - Name of modifier that will come after ".[block]--" -/// -/// @returns {String} - .[block]--[modifier] -/// -/// @see {mixin} modifier - -@function modifier-selector($modifier) { - $selector: unquote("&#{$bem-modifier-separator}#{$modifier}"); - - @if (type-of($modifier) == 'list') { - $selector: (); - - @each $value in $modifier { - $current: unquote("&#{$bem-modifier-separator}#{$value}"); - $selector: append($selector, $current, comma); - } - } - - @return $selector; -} - -/// @alias modifier-selector - -@function m-selector($modifier) { - @return modifier-selector($modifier); -} diff --git a/node_modules/sass-bem/src/helpers/_object-selector.scss b/node_modules/sass-bem/src/helpers/_object-selector.scss deleted file mode 100644 index 1e0a943..0000000 --- a/node_modules/sass-bem/src/helpers/_object-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of object. -/// -/// @access private -/// -/// @param {String} $object - Name of object that will come after ".o-" -/// @param {String} $namespace - Namespace of object. -/// -/// @returns {String} - .o-[object] -/// -/// @see {mixin} object - -@function object-selector($object, $namespace) { - @return unquote(".#{$namespace}-#{$object}"); -} - -/// @alias object-selector - -@function o-selector($object) { - @return object-selector($object); -} diff --git a/node_modules/sass-bem/src/helpers/_pseudo-selector.scss b/node_modules/sass-bem/src/helpers/_pseudo-selector.scss deleted file mode 100644 index 3f1f40b..0000000 --- a/node_modules/sass-bem/src/helpers/_pseudo-selector.scss +++ /dev/null @@ -1,73 +0,0 @@ -@charset "UTF-8"; - -/// Pseudo selector with end of first-of-type. -/// -/// @access private -/// -/// @returns {String} - &:first-of-type -/// -/// @see {mixin} first - -@function first-selector() { - @return unquote("&:first-of-type"); -} - -/// Pseudo selector with end of last-of-type. -/// -/// @access private -/// -/// @returns {String} - &:last-of-type -/// -/// @see {mixin} last - -@function last-selector() { - @return unquote("&:last-of-type"); -} - -/// Pseudo selector with end of nth-child(even). -/// -/// @access private -/// -/// @returns {String} - &:nth-child(even) -/// -/// @see {mixin} even - -@function even-selector() { - @return unquote("&:nth-child(even)"); -} - -/// Pseudo selector with end of nth-child(odd). -/// -/// @access private -/// -/// @returns {String} - &:nth-child(odd) -/// -/// @see {mixin} odd - -@function odd-selector() { - @return unquote("&:nth-child(odd)"); -} - -/// Pseudo selector with end of before. -/// -/// @access private -/// -/// @returns {String} - &::before -/// -/// @see {mixin} before - -@function before-selector() { - @return unquote("&::before"); -} - -/// Pseudo selector with end of after. -/// -/// @access private -/// -/// @returns {String} - &::after -/// -/// @see {mixin} after - -@function after-selector() { - @return unquote("&::after"); -} diff --git a/node_modules/sass-bem/src/helpers/_relations-selector.scss b/node_modules/sass-bem/src/helpers/_relations-selector.scss deleted file mode 100644 index ef5929a..0000000 --- a/node_modules/sass-bem/src/helpers/_relations-selector.scss +++ /dev/null @@ -1,80 +0,0 @@ -@charset "UTF-8"; - -/// Selector(s) of at relationship. -/// -/// @param {String} $modifier - List of modifier that will come after ".[block]--" -/// -/// @returns {String} - .[block]--[modifier] -/// -/// @see {mixin} at - -@function at-selector($modifiers...) { - $block: get-block(unquote("#{&}")); - $classes: (); - - @each $modifier in $modifiers { - $classes: append($classes, unquote(".#{$block}#{$bem-modifier-separator}#{$modifier}")); - } - - @return unquote("#{implode($classes)} &"); -} - -/// Selector of adjacent relationship. -/// -/// @param {String} $element - Name of element that will come after ".[block]__" -/// -/// @returns {String} - & + .[block]__[element] -/// -/// @see {mixin} next - -@function next-selector($element) { - $block: get-block(unquote("#{&}")); - - @return unquote("& + .#{$block}#{$bem-element-separator}#{$element}"); -} - -/// Selector of duo relationship. -/// -/// @returns {String} - & + & -/// -/// @see {mixin} duo - -@function duo-selector($debug: false) { - $list: explode(unquote("#{&}"), ' '); - - @if ($debug == true and length($list) == 0) { - $list: ('&'); - } - - $last: nth($list, length($list)); - - @return unquote("& + #{$last}"); -} - -/// Selector of sibling relationship. -/// -/// @param {String} $element - Name of element that will come after ".[block]__" -/// -/// @returns {String} - & ~ .[block]__[element] -/// -/// @see {mixin} with - -@function with-selector($element) { - $block: get-block(unquote("#{&}")); - - @return unquote("& ~ .#{$block}#{$bem-element-separator}#{$element}"); -} - -/// Selector(s) of while relationship. -/// -/// @param {String} $modifier - List of modifiers that will come after ".[block]--" -/// -/// @returns {String} - .[block]--[modifier] -/// -/// @see {mixin} while - -@function while-selector($modifier) { - $block: get-block(unquote("#{&}")); - - @return unquote("&.#{$block}#{$bem-modifier-separator}#{$modifier}"); -} diff --git a/node_modules/sass-bem/src/helpers/_scope-selector.scss b/node_modules/sass-bem/src/helpers/_scope-selector.scss deleted file mode 100644 index 22038c3..0000000 --- a/node_modules/sass-bem/src/helpers/_scope-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of scope. -/// -/// @access private -/// -/// @param {String} $scope - Name of scope that will come after ".s-" -/// @param {String} $namespace - Namespace of scope. -/// -/// @returns {String} - .s-[scope] -/// -/// @see {mixin} scope - -@function scope-selector($scope, $namespace) { - @return unquote(".#{$namespace}-#{$scope}"); -} - -/// @alias scope-selector - -@function s-selector($scope) { - @return scope-selector($scope); -} diff --git a/node_modules/sass-bem/src/helpers/_state-selector.scss b/node_modules/sass-bem/src/helpers/_state-selector.scss deleted file mode 100644 index 569a538..0000000 --- a/node_modules/sass-bem/src/helpers/_state-selector.scss +++ /dev/null @@ -1,41 +0,0 @@ -@charset "UTF-8"; - -/// Selector of state. -/// -/// @access private -/// -/// @param {String} $state - Name of state that will come after ".[is|has|js]-" -/// @param {String} $namespace [null] - Namespace of state. [is|has|js] -/// -/// @returns {String} - .[is|has|js]-[state] -/// -/// @see {mixin} state - -@function state-selector($state, $namespace: null) { - $selector: unquote("&.#{$state}"); - - // - @if $namespace != null { - $selector: unquote("&.#{$namespace}-#{$state}"); - } - - @return $selector; -} - -/// @alias state-selector - -@function is-selector($state) { - @return state-selector($state, 'is'); -} - -/// @alias state-selector - -@function has-selector($state) { - @return state-selector($state, 'has'); -} - -/// @alias state-selector - -@function js-selector($state) { - @return state-selector($state, 'js'); -} diff --git a/node_modules/sass-bem/src/helpers/_states-selector.scss b/node_modules/sass-bem/src/helpers/_states-selector.scss deleted file mode 100644 index 9c2a52d..0000000 --- a/node_modules/sass-bem/src/helpers/_states-selector.scss +++ /dev/null @@ -1,115 +0,0 @@ -@charset "UTF-8"; - -/// Pseudo selector with end of hover. -/// -/// @access private -/// -/// @returns {String} - &:hover -/// -/// @see {mixin} hover - -@function hover-selector() { - @return unquote("&:hover"); -} - -/// Pseudo selector with end of focus. -/// -/// @access private -/// -/// @returns {String} - &:focus -/// -/// @see {mixin} focus - -@function focus-selector() { - @return unquote("&:focus"); -} - -/// Pseudo selector with end of active. -/// -/// @access private -/// -/// @returns {String} - &:active -/// -/// @see {mixin} active - -@function active-selector() { - @return unquote("&:active"); -} - -/// Pseudo selector with end of link. -/// -/// @access private -/// -/// @returns {String} - &:link -/// -/// @see {mixin} link - -@function link-selector() { - @return unquote("&:link"); -} - -/// Pseudo selector with end of visited. -/// -/// @access private -/// -/// @returns {String} - &:visited -/// -/// @see {mixin} visited - -@function visited-selector() { - @return unquote("&:visited"); -} - -/// Pseudo selector with end of checked. -/// -/// @access private -/// -/// @returns {String} - &:checked -/// -/// @see {mixin} checked - -@function checked-selector() { - @return unquote("&:checked"); -} - -/// Selector with state of disabled. -/// -/// @access private -/// -/// @returns {String} - &[disabled] -/// -/// @see {mixin} disabled - -@function disabled-selector() { - @return unquote("&[disabled]"); -} - -/// Selector with state of readonly. -/// -/// @access private -/// -/// @returns {String} - &[readonly] -/// -/// @see {mixin} readonly - -@function readonly-selector() { - @return unquote("&[readonly]"); -} - -/// Selector with state of contenteditable. -/// -/// @access private -/// -/// @returns {String} - &[contenteditable='true'] -/// -/// @see {mixin} contenteditable - -@function contenteditable-selector() { - @return unquote("&[contenteditable='true']"); -} - -/// @alias contenteditable-selector - -@function editable-selector() { - @return contenteditable-selector(); -} diff --git a/node_modules/sass-bem/src/helpers/_test-selector.scss b/node_modules/sass-bem/src/helpers/_test-selector.scss deleted file mode 100644 index a9575aa..0000000 --- a/node_modules/sass-bem/src/helpers/_test-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of test. -/// -/// @access private -/// -/// @param {String} $test - Name of test that will come after ".qa-" -/// @param {String} $namespace - Namespace of test. -/// -/// @returns {String} - .qa-[test] -/// -/// @see {mixin} test - -@function test-selector($test, $namespace) { - @return unquote(".#{$namespace}-#{$test}"); -} - -/// @alias test-selector - -@function qa-selector($test) { - @return test-selector($test); -} diff --git a/node_modules/sass-bem/src/helpers/_theme-selector.scss b/node_modules/sass-bem/src/helpers/_theme-selector.scss deleted file mode 100644 index e110497..0000000 --- a/node_modules/sass-bem/src/helpers/_theme-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of theme. -/// -/// @access private -/// -/// @param {String} $theme - Name of theme that will come after ".t-" -/// @param {String} $namespace - Namespace of theme. -/// -/// @returns {String} - .t-[theme] -/// -/// @see {mixin} theme - -@function theme-selector($theme, $namespace) { - @return unquote(".#{$namespace}-#{$theme}"); -} - -/// @alias theme-selector - -@function t-selector($theme) { - @return theme-selector($theme); -} diff --git a/node_modules/sass-bem/src/helpers/_utility-selector.scss b/node_modules/sass-bem/src/helpers/_utility-selector.scss deleted file mode 100644 index d9b3f74..0000000 --- a/node_modules/sass-bem/src/helpers/_utility-selector.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Selector of utility. -/// -/// @access private -/// -/// @param {String} $utility - Name of utility that will come after ".u-" -/// @param {String} $namespace - Namespace of utility. -/// -/// @returns {String} - .u-[utility] -/// -/// @see {mixin} utility - -@function utility-selector($utility, $namespace) { - @return unquote(".#{$namespace}-#{$utility}"); -} - -/// @alias utility-selector - -@function u-selector($utility) { - @return utility-selector($utility); -} diff --git a/node_modules/sass-bem/src/mixins/_block.scss b/node_modules/sass-bem/src/mixins/_block.scss deleted file mode 100644 index 65c4503..0000000 --- a/node_modules/sass-bem/src/mixins/_block.scss +++ /dev/null @@ -1,41 +0,0 @@ -@charset "UTF-8"; - -/// Block selector that will be parent of some elements, modifiers, states... -/// -/// @param {String} $block - Name of block that will come after "." -/// -/// @example scss - Usage -/// @include block('list') { -/// color: black; -/// } -/// -/// @include b('list') { -/// color: black; -/// } -/// -/// @example css - Output -/// .list { -/// color: black; -/// } -/// -/// .list { -/// color: black; -/// } - -@mixin block($block) { - #{block-selector($block)} { - @if $bem-debug == true { - outline: 5px solid #363863; - } - - @content; - } -} - -/// @alias block - -@mixin b($block) { - @include block($block) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_component.scss b/node_modules/sass-bem/src/mixins/_component.scss deleted file mode 100644 index 1b66452..0000000 --- a/node_modules/sass-bem/src/mixins/_component.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that something is a Component. This is a concrete, implementation-specific piece of UI. All of the changes you make to its styles should be detectable in the context you’re currently looking at. Modifying these styles should be safe and have no side effects. -/// -/// @param {String} $component - Name of component that will come after ".c-" -/// @param {String} $namespace [null] - Component element namespace. -/// -/// @example scss - Usage -/// @include component('list') { -/// color: black; -/// } -/// -/// @include c('list') { -/// color: black; -/// } -/// -/// @example css - Output -/// .c-list { -/// color: black; -/// } -/// -/// .c-list { -/// color: black; -/// } - -@mixin component($component, $namespace: $bem-component-namespace) { - #{component-selector($component, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #00b8a9; - } - - @content; - } -} - -/// @alias component - -@mixin c($component, $namespace: $bem-component-namespace) { - @include component($component, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_element.scss b/node_modules/sass-bem/src/mixins/_element.scss deleted file mode 100644 index 83e63c6..0000000 --- a/node_modules/sass-bem/src/mixins/_element.scss +++ /dev/null @@ -1,78 +0,0 @@ -@charset "UTF-8"; - -/// Element selector, that is generated from parent block -/// -/// @param {String} $element - Name of element that will come after ".[block]__" -/// @param {Boolean} $nested [false] - If element is nested with other element -/// -/// @example scss - Usage -/// @include block('list') { -/// @include element('item') { -/// color: black; -/// } -/// } -/// -/// @include b('list') { -/// @include e('item') { -/// color: black; -/// } -/// } -/// -/// @include b('list') { -/// @include e('item') { -/// @include ee('link') { -/// color: black; -/// } -/// } -/// } -/// -/// @include b('list') { -/// @include e(('item', 'link')) { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list__item { -/// color: black; -/// } -/// -/// .list__item { -/// color: black; -/// } -/// -/// .list__item__link { -/// color: black; -/// } -/// -/// .list__item, .list__link { -/// color: black; -/// } - -@mixin element($element, $nested: false) { - @at-root { - #{element-selector($element, $nested)} { - @if $bem-debug == true { - outline: 5px solid #635270; - } - - @content; - } - } -} - -/// @alias element - -@mixin e($element, $nested: false) { - @include element($element, $nested) { - @content; - } -} - -/// @alias element - -@mixin ee($element) { - @include element($element, true) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_hack.scss b/node_modules/sass-bem/src/mixins/_hack.scss deleted file mode 100644 index 4a4d1c1..0000000 --- a/node_modules/sass-bem/src/mixins/_hack.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that this class is the worst of the worst—a hack! Sometimes, although incredibly rarely, we need to add a class in our markup in order to force something to work. If we do this, we need to let others know that this class is less than ideal, and hopefully temporary (i.e. do not bind onto this). -/// -/// @param {String} $hack - Name of hack that will come after "._" -/// @param {String} $namespace [null] - Hack element namespace. -/// -/// @example scss - Usage -/// @include hack('clearfix') { -/// color: black; -/// } -/// -/// @include _('clearfix') { -/// color: black; -/// } -/// -/// @example css - Output -/// ._clearfix { -/// color: black; -/// } -/// -/// ._clearfix { -/// color: black; -/// } - -@mixin hack($hack, $namespace: $bem-hack-namespace) { - #{hack-selector($hack, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #f33535; - } - - @content; - } -} - -/// @alias hack - -@mixin _($hack, $namespace: $bem-hack-namespace) { - @include hack($hack, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_modifier.scss b/node_modules/sass-bem/src/mixins/_modifier.scss deleted file mode 100644 index 062c508..0000000 --- a/node_modules/sass-bem/src/mixins/_modifier.scss +++ /dev/null @@ -1,57 +0,0 @@ -@charset "UTF-8"; - -/// Modifier selector, that is generated from parent block. -/// -/// @param {String} $modifier - Name of modifier that will come after ".[block]--" -/// -/// @example scss - Usage -/// @include block('list') { -/// @include modifier('inline') { -/// color: black; -/// } -/// } -/// -/// @include b('list') { -/// @include m('inline') { -/// color: black; -/// } -/// } -/// -/// @include b('list') { -/// @include m(('inline', 'ordered')) { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list--inline { -/// color: black; -/// } -/// -/// .list--inline { -/// color: black; -/// } -/// -/// .list--inline, .list--ordered { -/// color: black; -/// } - -@mixin modifier($modifier) { - @at-root { - #{modifier-selector($modifier)} { - @if $bem-debug == true { - outline: 5px solid #C98B70; - } - - @content; - } - } -} - -/// @alias modifier - -@mixin m($modifier) { - @include modifier($modifier) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_object.scss b/node_modules/sass-bem/src/mixins/_object.scss deleted file mode 100644 index 5343d1f..0000000 --- a/node_modules/sass-bem/src/mixins/_object.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that something is an Object, and that it may be used in any number of unrelated contexts to the one you can currently see it in. Making modifications to these types of class could potentially have knock-on effects in a lot of other unrelated places. Tread carefully. -/// -/// @param {String} $object - Name of object that will come after ".o-" -/// @param {String} $namespace [null] - Object element namespace. -/// -/// @example scss - Usage -/// @include object('button') { -/// color: black; -/// } -/// -/// @include o('button') { -/// color: black; -/// } -/// -/// @example css - Output -/// .o-button { -/// color: black; -/// } -/// -/// .o-button { -/// color: black; -/// } - -@mixin object($object, $namespace: $bem-object-namespace) { - #{object-selector($object, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #9bcb3c; - } - - @content; - } -} - -/// @alias object - -@mixin o($object, $namespace: $bem-object-namespace) { - @include object($object, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_parse.scss b/node_modules/sass-bem/src/mixins/_parse.scss deleted file mode 100644 index ab00daf..0000000 --- a/node_modules/sass-bem/src/mixins/_parse.scss +++ /dev/null @@ -1,83 +0,0 @@ -@charset "UTF-8"; - -/// Parse multiple mixins, pseudo elements and other states. -/// -/// @param {String | List} $selectors - List or String of arguments, to generate selector. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include parse('&', 'm:inline', ':hover', '[disabled]') { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list, .list--inline, .list:hover, .list[disabled] { -/// color: black; -/// } -/// -/// @throws Mixin doesn't exist - -@mixin parse($selectors...) { - $parent: unquote("#{&}"); - $collection: (); - - @each $selector in $selectors { - @if (map-get($bem-shortcodes, $selector)) { - $selectors: splice($selectors, $selector); - - @each $mixin in map-get($bem-shortcodes, $selector) { - $selectors: append($selectors, $mixin); - } - } - } - - @each $selector in $selectors { - $parts: explode($selector, ':'); - - @if (str-length(nth($parts, 1)) == 0) { - $selector: unquote("#{$parent}:#{nth($parts, 2)}"); - } @else if (length($parts) == 1) { - $item: nth($parts, 1); - - @if (str-index(quote($item), quote('&'))) { - $selector: unquote("#{str-replace(quote($item), quote('&'), quote($parent))}"); - } @else { - @if mixin-exists(nth($parts, 1)) { - $selector: call(unquote("#{$item}-selector")); - } @else { - $selector: unquote("#{$parent}#{$item}"); - } - } - } @else { - $item: implode($parts, ':'); - - @if (str-index(quote($item), quote('&'))) { - $selector: unquote("#{str-replace(quote($item), quote('&'), quote($parent))}"); - } @else { - @if mixin-exists(nth($parts, 1)) { - $function: unquote("#{nth($parts, 1)}-selector"); - $selector: call($function, nth($parts, 2)); - } @else { - @error "Mixin #{nth($parts, 1)} doesn't exists!"; - } - } - } - - $collection: append($collection, $selector); - } - - @at-root { - #{implode($collection, ', ')} { - @content; - } - } -} - -/// @alias parse - -@mixin p($selectors...) { - @include parse($selectors...) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_pseudo.scss b/node_modules/sass-bem/src/mixins/_pseudo.scss deleted file mode 100644 index c264231..0000000 --- a/node_modules/sass-bem/src/mixins/_pseudo.scss +++ /dev/null @@ -1,121 +0,0 @@ -@charset "UTF-8"; - -/// Pseudo selector with end of first-of-type. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include first { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:first-of-type { -/// color: black; -/// } - -@mixin first { - &:first-of-type { - @content; - } -} - -/// Pseudo selector with end of last-of-type. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include last { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:last-of-type { -/// color: black; -/// } - -@mixin last { - &:last-of-type { - @content; - } -} - -/// Pseudo selector with end of nth-child(even). -/// -/// @example scss - Usage -/// @include b('list') { -/// @include even { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:nth-child(even) { -/// color: black; -/// } - -@mixin even { - &:nth-child(even) { - @content; - } -} - -/// Pseudo selector with end of nth-child(odd). -/// -/// @example scss - Usage -/// @include b('list') { -/// @include odd { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:nth-child(odd) { -/// color: black; -/// } - -@mixin odd { - &:nth-child(odd) { - @content; - } -} - -/// Pseudo selector with end of before. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include before { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:before { -/// color: black; -/// } - -@mixin before { - &::before { - @content; - } -} - -/// Pseudo selector with end of after. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include after { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:after { -/// color: black; -/// } - -@mixin after { - &::after { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_relations.scss b/node_modules/sass-bem/src/mixins/_relations.scss deleted file mode 100644 index e59a79b..0000000 --- a/node_modules/sass-bem/src/mixins/_relations.scss +++ /dev/null @@ -1,131 +0,0 @@ -@charset "UTF-8"; - -/// Relationship of parent element with current modifiers. -/// -/// @param {String} $modifiers - List of modifiers that will make parent element child. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include e('item') { -/// @include at('inline') { -/// color: black; -/// } -/// } -/// } -/// -/// @include b('list') { -/// @include e('item') { -/// @include at('inline', 'inverse') { -/// color: black; -/// } -/// } -/// } -/// -/// @example css - Output -/// .list--inline .list__item { -/// color: black; -/// } -/// -/// .list--inline.list--inverse .list__item { -/// color: black; -/// } - -@mixin at($modifiers...) { - #{at-selector($modifiers...)} { - @content; - } -} - -/// Element with next element separated by plus sign. -/// -/// @param {String} $element - Name of element that will be styled with parent element. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include e('item') { -/// @include next('title') { -/// color: black; -/// } -/// } -/// } -/// -/// @example css - Output -/// .list__item + .list__title { -/// color: black; -/// } - -@mixin next($element) { - #{next-selector($element)} { - @content; - } -} - -/// Element with same element separated by plus sign. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include e('item') { -/// @include duo { -/// color: black; -/// } -/// } -/// } -/// -/// @example css - Output -/// .list__item + .list__item { -/// color: black; -/// } - -@mixin duo { - #{duo-selector()} { - @content; - } -} - -/// Element with sibling elements separated by equivalency sign. -/// -/// @param {String} $element - Name of element that will be styled with parent element. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include e('item') { -/// @include with('title') { -/// color: black; -/// } -/// } -/// } -/// -/// @example css - Output -/// .list__item ~ .list__title { -/// color: black; -/// } - -@mixin with($element) { - #{with-selector($element)} { - @content; - } -} - -/// While two selectors are on same modifier. -/// -/// @param {String} $modifier - Name modifier that will follow parent modifier. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include m('inline') { -/// @include while('ordered') { -/// color: black; -/// } -/// } -/// } -/// -/// @example css - Output -/// .list--inline.list--ordered { -/// color: black; -/// } - -@mixin while($modifier) { - #{while-selector($modifier)} { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_scope.scss b/node_modules/sass-bem/src/mixins/_scope.scss deleted file mode 100644 index dd3a152..0000000 --- a/node_modules/sass-bem/src/mixins/_scope.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that a class creates a new styling context or Scope. Similar to a Theme, but not necessarily cosmetic, these should be used sparingly—they can be open to abuse and lead to poor CSS if not used wisely. -/// -/// @param {String} $scope - Name of scope that will come after ".s-" -/// @param {String} $namespace [null] - Scope element namespace. -/// -/// @example scss - Usage -/// @include scope('paper') { -/// color: black; -/// } -/// -/// @include s('paper') { -/// color: black; -/// } -/// -/// @example css - Output -/// .s-paper { -/// color: black; -/// } -/// -/// .s-paper { -/// color: black; -/// } - -@mixin scope($scope, $namespace: $bem-scope-namespace) { - #{scope-selector($scope, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #a2453d; - } - - @content; - } -} - -/// @alias scope - -@mixin s($scope, $namespace: $bem-scope-namespace) { - @include scope($scope, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_state.scss b/node_modules/sass-bem/src/mixins/_state.scss deleted file mode 100644 index 8c471c3..0000000 --- a/node_modules/sass-bem/src/mixins/_state.scss +++ /dev/null @@ -1,56 +0,0 @@ -@charset "UTF-8"; - -/// Signify that the piece of UI in question is currently styled a certain way because of a state or condition. This stateful namespace is gorgeous, and comes from SMACSS. It tells us that the DOM currently has a temporary, optional, or short-lived style applied to it due to a certain state being invoked. -/// -/// @param {String} $state - Name of state that will come after ".[is|has|js]-" -/// @param {String} $namespace [null] - State element namespace. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include state('active', 'is') { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list.is-active { -/// color: black; -/// } - -@mixin state($state, $namespace: null) { - @at-root { - #{state-selector($state, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #66a96b; - } - - @content; - } - } -} - -/// @alias state - -@mixin is($state) { - @include state($state, 'is') { - @content; - } -} - -/// @alias state - -@mixin has($state) { - @include state($state, 'has') { - @content; - } -} - -/// Signify that this piece of the DOM has some behaviour acting upon it, and that JavaScript binds onto it to provide that behaviour. If you’re not a developer working with JavaScript, leave these well alone. -/// -/// @alias state - -@mixin js($state) { - @include state($state, 'js') { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_states.scss b/node_modules/sass-bem/src/mixins/_states.scss deleted file mode 100644 index d5745c1..0000000 --- a/node_modules/sass-bem/src/mixins/_states.scss +++ /dev/null @@ -1,187 +0,0 @@ -/// Pseudo selector with end of hover. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include hover { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:hover { -/// color: black; -/// } - -@mixin hover { - &:hover { - @content; - } -} - -/// Pseudo selector with end of focus. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include focus { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:focus { -/// color: black; -/// } - -@mixin focus { - &:focus { - @content; - } -} - -/// Pseudo selector with end of active. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include active { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:active { -/// color: black; -/// } - -@mixin active { - &:active { - @content; - } -} - -/// Pseudo selector with end of link. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include link { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:link { -/// color: black; -/// } - -@mixin link { - &:link { - @content; - } -} - -/// Pseudo selector with end of visited. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include visited { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:visited { -/// color: black; -/// } - -@mixin visited { - &:visited { - @content; - } -} - -/// Pseudo selector with end of checked. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include checked { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list:checked { -/// color: black; -/// } - -@mixin checked { - &:checked { - @content; - } -} - -/// Selector with state of disabled. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include disabled { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list[disabled] { -/// color: black; -/// } - -@mixin disabled { - &[disabled] { - @content; - } -} - -/// Selector with state of readonly. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include readonly { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list[readonly] { -/// color: black; -/// } - -@mixin readonly { - &[readonly] { - @content; - } -} - -/// Selector with state of contenteditable. -/// -/// @example scss - Usage -/// @include b('list') { -/// @include contenteditable { -/// color: black; -/// } -/// } -/// -/// @example css - Output -/// .list[contenteditable="true"] { -/// color: black; -/// } - -@mixin contenteditable { - &[contenteditable="true"] { - @content; - } -} - -/// @alias contenteditable - -@mixin editable { - @include contenteditable { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_test.scss b/node_modules/sass-bem/src/mixins/_test.scss deleted file mode 100644 index 3944046..0000000 --- a/node_modules/sass-bem/src/mixins/_test.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that a QA or Test Engineering team is running an automated UI test which needs to find or bind onto these parts of the DOM. Like the JavaScript namespace, this basically just reserves hooks in the DOM for non-CSS purposes. -/// -/// @param {String} $test - Name of state that will come after ".[is|has|js]-" -/// @param {String} $namespace [null] - State element namespace. -/// -/// @example scss - Usage -/// @include test('list') { -/// color: black; -/// } -/// -/// @include qa('list') { -/// color: black; -/// } -/// -/// @example css - Output -/// .list.is-active { -/// color: black; -/// } -/// -/// .list.is-active { -/// color: black; -/// } - -@mixin test($test, $namespace: $bem-test-namespace) { - #{test-selector($test, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #f8e796; - } - - @content; - } -} - -/// @alias test - -@mixin qa($test, $namespace: $bem-test-namespace) { - @include test($test, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_theme.scss b/node_modules/sass-bem/src/mixins/_theme.scss deleted file mode 100644 index fc1c505..0000000 --- a/node_modules/sass-bem/src/mixins/_theme.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that a class is responsible for adding a Theme to a view. It lets us know that UI Components’ current cosmetic appearance may be due to the presence of a theme. -/// -/// @param {String} $theme - Name of theme that will come after ".t-" -/// @param {String} $namespace [null] - Theme element namespace. -/// -/// @example scss - Usage -/// @include theme('dark') { -/// color: black; -/// } -/// -/// @include t('dark') { -/// color: black; -/// } -/// -/// @example css - Output -/// .t-dark { -/// color: black; -/// } -/// -/// .t-dark { -/// color: black; -/// } - -@mixin theme($theme, $namespace: $bem-theme-namespace) { - #{theme-selector($theme, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #60316e; - } - - @content; - } -} - -/// @alias theme - -@mixin t($theme, $namespace: $bem-theme-namespace) { - @include theme($theme, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/src/mixins/_utility.scss b/node_modules/sass-bem/src/mixins/_utility.scss deleted file mode 100644 index f8e6079..0000000 --- a/node_modules/sass-bem/src/mixins/_utility.scss +++ /dev/null @@ -1,42 +0,0 @@ -@charset "UTF-8"; - -/// Signify that this class is a Utility class. It has a very specific role (often providing only one declaration) and should not be bound onto or changed. It can be reused and is not tied to any specific piece of UI. You will probably recognise this namespace from libraries and methodologies like SUIT. -/// -/// @param {String} $utility - Name of utility that will come after ".u-" -/// @param {String} $namespace [null] - Utility element namespace. -/// -/// @example scss - Usage -/// @include utility('uppercase') { -/// color: black; -/// } -/// -/// @include u('uppercase') { -/// color: black; -/// } -/// -/// @example css - Output -/// .u-uppercase { -/// color: black; -/// } -/// -/// .u-uppercase { -/// color: black; -/// } - -@mixin utility($utility, $namespace: $bem-utility-namespace) { - #{utility-selector($utility, $namespace)} { - @if $bem-debug == true { - outline: 5px solid #635270; - } - - @content; - } -} - -/// @alias utility - -@mixin u($utility, $namespace: $bem-utility-namespace) { - @include utility($utility, $namespace) { - @content; - } -} diff --git a/node_modules/sass-bem/test/_functions.scss b/node_modules/sass-bem/test/_functions.scss deleted file mode 100644 index 80d1f31..0000000 --- a/node_modules/sass-bem/test/_functions.scss +++ /dev/null @@ -1,108 +0,0 @@ -@include test-module('Functions') { - @include test('bem-index [function]') { - @include assert-equal(bem-index('.list'), 0, 'Get index of separator #1.'); - @include assert-equal(bem-index('.list__item'), 6, 'Get index of separator #2.'); - @include assert-equal(bem-index('.list--inline'), 6, 'Get index of separator #3.'); - @include assert-equal(bem-index('.list__item--inline'), 6, 'Get index of separator #4.'); - @include assert-equal(bem-index('.is-active'), 1, 'Get index of separator #5.'); - @include assert-equal(bem-index('.js-carousel'), 1, 'Get index of separator #6.'); - @include assert-equal(bem-index('.has-child'), 1, 'Get index of separator #7.'); - @include assert-equal(bem-index('.list::before'), 6, 'Get index of separator #8.'); - } - - @include test('is-modifier [function]') { - @include assert-false(is-modifier('.list'), 'Check if selector is modifier #1.'); - @include assert-false(is-modifier('.list__item'), 'Check if selector is modifier #2.'); - @include assert-true(is-modifier('.list--inline'), 'Check if selector is modifier #3.'); - @include assert-true(is-modifier('.list__item--inline'), 'Check if selector is modifier #4.'); - @include assert-false(is-modifier('.is-active'), 'Check if selector is modifier #5.'); - @include assert-false(is-modifier('.js-carousel'), 'Check if selector is modifier #6.'); - @include assert-false(is-modifier('.has-child'), 'Check if selector is modifier #7.'); - @include assert-false(is-modifier('.list::before'), 'Check if selector is modifier #8.'); - } - - @include test('is-element [function]') { - @include assert-false(is-element('.list'), 'Check if selector is element #1.'); - @include assert-true(is-element('.list__item'), 'Check if selector is element #2.'); - @include assert-false(is-element('.list--inline'), 'Check if selector is element #3.'); - @include assert-true(is-element('.list__item--inline'), 'Check if selector is element #4.'); - @include assert-false(is-element('.is-active'), 'Check if selector is element #5.'); - @include assert-false(is-element('.js-carousel'), 'Check if selector is element #6.'); - @include assert-false(is-element('.has-child'), 'Check if selector is element #7.'); - @include assert-false(is-element('.list::before'), 'Check if selector is element #8.'); - } - - @include test('has-state [function]') { - @include assert-false(has-state('.list'), 'Check if selector contains state #1.'); - @include assert-false(has-state('.list__item'), 'Check if selector contains state #2.'); - @include assert-false(has-state('.list--inline'), 'Check if selector contains state #3.'); - @include assert-false(has-state('.list__item--inline'), 'Check if selector contains state #4.'); - @include assert-true(has-state('.is-active'), 'Check if selector contains state #5.'); - @include assert-true(has-state('.js-carousel'), 'Check if selector contains state #6.'); - @include assert-true(has-state('.has-child'), 'Check if selector contains state #7.'); - @include assert-false(has-state('.list::before'), 'Check if selector contains state #8.'); - } - - @include test('has-pseudo [function]') { - @include assert-false(has-pseudo('.list'), 'Check if selector contains pseudo element #1.'); - @include assert-false(has-pseudo('.list__item'), 'Check if selector contains pseudo element #2.'); - @include assert-false(has-pseudo('.list--inline'), 'Check if selector contains pseudo element #3.'); - @include assert-false(has-pseudo('.list__item--inline'), 'Check if selector contains pseudo element #4.'); - @include assert-false(has-pseudo('.is-active'), 'Check if selector contains pseudo element #5.'); - @include assert-false(has-pseudo('.js-carousel'), 'Check if selector contains pseudo element #6.'); - @include assert-false(has-pseudo('.has-child'), 'Check if selector contains pseudo element #7.'); - @include assert-true(has-pseudo('.list::before'), 'Check if selector contains pseudo element #8.'); - } - - @include test('is-block [function]') { - @include assert-true(is-block('.list'), 'Check if selector is block #1.'); - @include assert-false(is-block('.list__item'), 'Check if selector is block #2.'); - @include assert-false(is-block('.list--inline'), 'Check if selector is block #3.'); - @include assert-false(is-block('.list__item--inline'), 'Check if selector is block #4.'); - @include assert-false(is-block('.is-active'), 'Check if selector is block #5.'); - @include assert-false(is-block('.js-carousel'), 'Check if selector is block #6.'); - @include assert-false(is-block('.has-child'), 'Check if selector is block #7.'); - @include assert-false(is-block('.list::before'), 'Check if selector is block #8.'); - } - - @include test('get-block [function]') { - @include assert-equal(get-block('.list'), 'list', 'Get block element from selector #1.'); - @include assert-equal(get-block('.list__item'), 'list', 'Get block element from selector #2.'); - @include assert-equal(get-block('.list--inline'), 'list', 'Get block element from selector #3.'); - @include assert-equal(get-block('.list__item--inline'), 'list', 'Get block element from selector #4.'); - @include assert-unequal(get-block('.is-active'), 'list', 'Get block element from selector #5.'); - @include assert-unequal(get-block('.js-carousel'), 'list', 'Get block element from selector #6.'); - @include assert-unequal(get-block('.has-child'), 'list', 'Get block element from selector #7.'); - @include assert-equal(get-block('.list::before'), 'list', 'Get block element from selector #8.'); - } - - @include test('str-replace [function]') { - @include assert-equal(str-replace('foobar', 'f'), 'oobar', 'Replace string with another string #1.'); - @include assert-equal(str-replace('foobar', 'oo'), 'fbar', 'Replace string with another string #2.'); - @include assert-equal(str-replace('foobar', 'r'), 'fooba', 'Replace string with another string #3.'); - } - - @include test('math-min [function]') { - @include assert-equal(math-min(1, 2), 1, 'Get minimum number from two of them, or get default #1.'); - @include assert-unequal(math-min(2, 3), 3, 'Get minimum number from two of them, or get default #2.'); - @include assert-equal(math-min(3, 3, 4), 3, 'Get minimum number from two of them, or get default #3.'); - @include assert-equal(math-min(null, 3, 4), 3, 'Get minimum number from two of them, or get default #4.'); - @include assert-equal(math-min(null, 4, 5), 4, 'Get minimum number from two of them, or get default #5.'); - } - - @include test('explode [function]') { - @include assert-equal(explode('foo-bar-baz', '-'), ('foo' 'bar' 'baz'), 'Explode string to get list of strings #1.'); - @include assert-equal(explode('foo.bar', '.'), ('foo' 'bar'), 'Explode string to get list of strings #2.'); - } - - @include test('implode [function]') { - @include assert-equal(implode(('foo' 'bar' 'baz'), '-', true), 'foo-bar-baz-', 'Implode list to get string #1.'); - @include assert-equal(implode(('foo' 'bar' 'baz'), '-'), 'foo-bar-baz', 'Implode list to get string #2.'); - @include assert-equal(implode(('foo' 'bar'), '.'), 'foo.bar', 'Implode list to get string #3.'); - } - - @include test('splice [function]') { - @include assert-equal(splice(('foo' 'bar' 'baz'), 'bar', true), ('foo' 'baz'), 'Unset item from list #1.'); - @include assert-equal(splice(('foo' 'bar' 'baz'), 'bar'), ('foo' 'baz'), 'Unset item from list #2.'); - } -} diff --git a/node_modules/sass-bem/test/_helpers.scss b/node_modules/sass-bem/test/_helpers.scss deleted file mode 100644 index 64db6d0..0000000 --- a/node_modules/sass-bem/test/_helpers.scss +++ /dev/null @@ -1,45 +0,0 @@ -@include test-module('Helpers') { - @include test('block-selector [function]') { - @include assert-equal(block-selector('list'), '.list', 'Selector of block.'); - } - - @include test('b-selector [function]') { - @include assert-equal(b-selector('list'), '.list', 'Selector of block.'); - } - - @include test('element-selector [function]') { - @include assert-equal(element-selector('item'), '&__item', 'Selector of element.'); - } - - @include test('e-selector [function]') { - @include assert-equal(e-selector('item'), '&__item', 'Selector of element.'); - } - - @include test('modifier-selector [function]') { - @include assert-equal(modifier-selector('inline'), '&--inline', 'Selector of modifier.'); - } - - @include test('m-selector [function]') { - @include assert-equal(m-selector('inline'), '&--inline', 'Selector of modifier.'); - } - - @include test('at-selector [function]') { - @include assert-equal(at-selector('inline'), '.--inline &', 'Selector of at relationship.'); - } - - @include test('next-selector [function]') { - @include assert-equal(next-selector('item'), '& + .__item', 'Selector of adjacent relationship.'); - } - - @include test('duo-selector [function]') { - @include assert-equal(duo-selector(true), '& + &', 'Selector of duo relationship.'); - } - - @include test('with-selector [function]') { - @include assert-equal(with-selector('item'), '& ~ .__item', 'Selector of sibling relationship.'); - } - - @include test('while-selector [function]') { - @include assert-equal(while-selector('inline'), '&.--inline', 'Selector of while relationship.'); - } -} diff --git a/node_modules/sass-bem/test/_mixins.scss b/node_modules/sass-bem/test/_mixins.scss deleted file mode 100644 index d828d78..0000000 --- a/node_modules/sass-bem/test/_mixins.scss +++ /dev/null @@ -1,737 +0,0 @@ -@include test-module('Mixins') { - @include test('block [mixin]') { - @include assert('Block selector that will be parent of some elements, modifiers, states...') { - @include output { - @include block('list') { - color: black; - } - } - - @include expect { - .list { - color: black; - } - } - } - } - - @include test('b [mixin]') { - @include assert('Block selector that will be parent of some elements, modifiers, states...') { - @include output { - @include b('list') { - color: black; - } - } - - @include expect { - .list { - color: black; - } - } - } - } - - @include test('element [mixin]') { - @include assert('Element selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include element('item') { - color: black; - } - } - } - - @include expect { - .list__item { - color: black; - } - } - } - } - - @include test('e [mixin]') { - @include assert('Element selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include e('item') { - color: black; - } - } - } - - @include expect { - .list__item { - color: black; - } - } - } - } - - @include test('e [mixin]') { - @include assert('Element selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include e(('item', 'link')) { - color: black; - } - } - } - - @include expect { - .list__item, .list__link { - color: black; - } - } - } - } - - @include test('ee [mixin]') { - @include assert('Element selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include e('item') { - @include ee('link') { - color: black; - } - } - } - } - - @include expect { - .list__item__link { - color: black; - } - } - } - } - - @include test('modifier [mixin]') { - @include assert('Modifier selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include modifier('inline') { - color: black; - } - } - } - - @include expect { - .list--inline { - color: black; - } - } - } - } - - @include test('m [mixin]') { - @include assert('Modifier selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include m('inline') { - color: black; - } - } - } - - @include expect { - .list--inline { - color: black; - } - } - } - } - - @include test('m [mixin]') { - @include assert('Modifier selector, that is generated from parent block.') { - @include output { - @include block('list') { - @include m(('inline', 'ordered')) { - color: black; - } - } - } - - @include expect { - .list--inline, .list--ordered { - color: black; - } - } - } - } - - @include test('at [mixin]') { - @include assert('Relationship of parent element with current modifier.') { - @include output { - @include block('list') { - @include e('item') { - @include at('inline') { - color: black; - } - } - } - } - - @include expect { - .list--inline .test-output .list__item { - color: black; - } - } - } - } - - @include test('at [mixin]') { - @include assert('Relationship of parent element with current modifiers.') { - @include output { - @include block('list') { - @include e('item') { - @include at('inline', 'inverse') { - color: black; - } - } - } - } - - @include expect { - .list--inline.test-output .list--inverse .test-output .list__item { - color: black; - } - } - } - } - - @include test('next [mixin]') { - @include assert('Element with next element separated by plus sign.') { - @include output { - @include block('list') { - @include e('item') { - @include next('title') { - color: black; - } - } - } - } - - @include expect { - .list__item + .test-output .list__title { - color: black; - } - } - } - } - - @include test('duo [mixin]') { - @include assert('Element with same element separated by plus sign.') { - @include output { - @include block('list') { - @include e('item') { - @include duo { - color: black; - } - } - } - } - - @include expect { - .list__item + .list__item { - color: black; - } - } - } - } - - @include test('with [mixin]') { - @include assert('Element with sibling elements separated by equivalency sign.') { - @include output { - @include block('list') { - @include e('item') { - @include with('title') { - color: black; - } - } - } - } - - @include expect { - .list__item ~ .test-output .list__title { - color: black; - } - } - } - } - - @include test('while [mixin]') { - @include assert('While two selectors are on same modifier.') { - @include output { - @include block('list') { - @include m('inline') { - @include while('ordered') { - color: black; - } - } - } - } - - @include expect { - .list--inline.test-output .list--ordered { - color: black; - } - } - } - } - - @include test('hover [mixin]') { - @include assert('Pseudo selector with end of hover.') { - @include output { - @include block('list') { - @include hover { - color: black; - } - } - } - - @include expect { - .list:hover { - color: black; - } - } - } - } - - @include test('focus [mixin]') { - @include assert('Pseudo selector with end of focus.') { - @include output { - @include block('list') { - @include focus { - color: black; - } - } - } - - @include expect { - .list:focus { - color: black; - } - } - } - } - - @include test('active [mixin]') { - @include assert('Pseudo selector with end of active.') { - @include output { - @include block('list') { - @include active { - color: black; - } - } - } - - @include expect { - .list:active { - color: black; - } - } - } - } - - @include test('link [mixin]') { - @include assert('Pseudo selector with end of link.') { - @include output { - @include block('list') { - @include link { - color: black; - } - } - } - - @include expect { - .list:link { - color: black; - } - } - } - } - - @include test('visited [mixin]') { - @include assert('Pseudo selector with end of visited.') { - @include output { - @include block('list') { - @include visited { - color: black; - } - } - } - - @include expect { - .list:visited { - color: black; - } - } - } - } - - @include test('checked [mixin]') { - @include assert('Pseudo selector with end of checked.') { - @include output { - @include block('list') { - @include checked { - color: black; - } - } - } - - @include expect { - .list:checked { - color: black; - } - } - } - } - - @include test('disabled [mixin]') { - @include assert('Selector with state of disabled.') { - @include output { - @include block('list') { - @include disabled { - color: black; - } - } - } - - @include expect { - .list[disabled] { - color: black; - } - } - } - } - - @include test('readonly [mixin]') { - @include assert('Selector with state of readonly.') { - @include output { - @include block('list') { - @include readonly { - color: black; - } - } - } - - @include expect { - .list[readonly] { - color: black; - } - } - } - } - - @include test('contenteditable [mixin]') { - @include assert('Selector with state of contenteditable.') { - @include output { - @include block('list') { - @include contenteditable { - color: black; - } - } - } - - @include expect { - .list[contenteditable="true"] { - color: black; - } - } - } - } - - @include test('editable [mixin]') { - @include assert('Selector with state of contenteditable.') { - @include output { - @include block('list') { - @include editable { - color: black; - } - } - } - - @include expect { - .list[contenteditable="true"] { - color: black; - } - } - } - } - - @include test('parse [mixin]') { - @include assert('Parse multiple mixins, pseudo elements and other states.') { - @include output { - @include block('list') { - @include parse('&', 'm:inline', ':hover', '[disabled]') { - color: black; - } - } - } - - @include expect { - .list, .list--inline, .list:hover, .list[disabled] { - color: black; - } - } - } - } - - @include test('p [mixin]') { - @include assert('Parse multiple mixins, pseudo elements and other states.') { - @include output { - @include block('list') { - @include p('&', 'm:inline', ':hover', '[disabled]') { - color: black; - } - } - } - - @include expect { - .list, .list--inline, .list:hover, .list[disabled] { - color: black; - } - } - } - } - - @include test('object [mixin]') { - @include assert('Signify that something is an Object, and that it may be used in any number of unrelated contexts to the one you can currently see it in. Making modifications to these types of class could potentially have knock-on effects in a lot of other unrelated places. Tread carefully.') { - @include output { - @include object('list') { - color: black; - } - } - - @include expect { - .o-list { - color: black; - } - } - } - } - - @include test('o [mixin]') { - @include assert('Signify that something is an Object, and that it may be used in any number of unrelated contexts to the one you can currently see it in. Making modifications to these types of class could potentially have knock-on effects in a lot of other unrelated places. Tread carefully.') { - @include output { - @include o('list') { - color: black; - } - } - - @include expect { - .o-list { - color: black; - } - } - } - } - - @include test('component [mixin]') { - @include assert('Signify that something is a Component. This is a concrete, implementation-specific piece of UI. All of the changes you make to its styles should be detectable in the context you’re currently looking at. Modifying these styles should be safe and have no side effects.') { - @include output { - @include component('list') { - color: black; - } - } - - @include expect { - .c-list { - color: black; - } - } - } - } - - @include test('c [mixin]') { - @include assert('Signify that something is a Component. This is a concrete, implementation-specific piece of UI. All of the changes you make to its styles should be detectable in the context you’re currently looking at. Modifying these styles should be safe and have no side effects.') { - @include output { - @include c('list') { - color: black; - } - } - - @include expect { - .c-list { - color: black; - } - } - } - } - - @include test('utility [mixin]') { - @include assert('Signify that this class is a Utility class. It has a very specific role (often providing only one declaration) and should not be bound onto or changed. It can be reused and is not tied to any specific piece of UI. You will probably recognise this namespace from libraries and methodologies like SUIT.') { - @include output { - @include utility('hidden') { - color: black; - } - } - - @include expect { - .u-hidden { - color: black; - } - } - } - } - - @include test('u [mixin]') { - @include assert('Signify that this class is a Utility class. It has a very specific role (often providing only one declaration) and should not be bound onto or changed. It can be reused and is not tied to any specific piece of UI. You will probably recognise this namespace from libraries and methodologies like SUIT.') { - @include output { - @include u('hidden') { - color: black; - } - } - - @include expect { - .u-hidden { - color: black; - } - } - } - } - - @include test('theme [mixin]') { - @include assert('Signify that a class is responsible for adding a Theme to a view. It lets us know that UI Components’ current cosmetic appearance may be due to the presence of a theme.') { - @include output { - @include theme('dark') { - color: black; - } - } - - @include expect { - .t-dark { - color: black; - } - } - } - } - - @include test('t [mixin]') { - @include assert('Signify that a class is responsible for adding a Theme to a view. It lets us know that UI Components’ current cosmetic appearance may be due to the presence of a theme.') { - @include output { - @include t('dark') { - color: black; - } - } - - @include expect { - .t-dark { - color: black; - } - } - } - } - - @include test('scope [mixin]') { - @include assert('Signify that a class creates a new styling context or Scope. Similar to a Theme, but not necessarily cosmetic, these should be used sparingly—they can be open to abuse and lead to poor CSS if not used wisely.') { - @include output { - @include scope('paper') { - color: black; - } - } - - @include expect { - .s-paper { - color: black; - } - } - } - } - - @include test('s [mixin]') { - @include assert('Signify that a class creates a new styling context or Scope. Similar to a Theme, but not necessarily cosmetic, these should be used sparingly—they can be open to abuse and lead to poor CSS if not used wisely.') { - @include output { - @include s('paper') { - color: black; - } - } - - @include expect { - .s-paper { - color: black; - } - } - } - } - - @include test('is [mixin]') { - @include assert('Signify that the piece of UI in question is currently styled a certain way because of a state or condition. This stateful namespace is gorgeous, and comes from SMACSS. It tells us that the DOM currently has a temporary, optional, or short-lived style applied to it due to a certain state being invoked.') { - @include output { - @include is('active') { - color: black; - } - } - - @include expect { - &.is-active { - color: black; - } - } - } - } - - @include test('has [mixin]') { - @include assert('Signify that the piece of UI in question is currently styled a certain way because of a state or condition. This stateful namespace is gorgeous, and comes from SMACSS. It tells us that the DOM currently has a temporary, optional, or short-lived style applied to it due to a certain state being invoked.') { - @include output { - @include has('child') { - color: black; - } - } - - @include expect { - &.has-child { - color: black; - } - } - } - } - - @include test('js [mixin]') { - @include assert('Signify that this piece of the DOM has some behaviour acting upon it, and that JavaScript binds onto it to provide that behaviour. If you’re not a developer working with JavaScript, leave these well alone.') { - @include output { - @include js('carousel') { - color: black; - } - } - - @include expect { - &.js-carousel { - color: black; - } - } - } - } - - @include test('hack [mixin]') { - @include assert('Signify that this class is the worst of the worst—a hack! Sometimes, although incredibly rarely, we need to add a class in our markup in order to force something to work. If we do this, we need to let others know that this class is less than ideal, and hopefully temporary (i.e. do not bind onto this).') { - @include output { - @include hack('clearfix') { - color: black; - } - } - - @include expect { - ._clearfix { - color: black; - } - } - } - } - - @include test('_ [mixin]') { - @include assert('Signify that this class is the worst of the worst—a hack! Sometimes, although incredibly rarely, we need to add a class in our markup in order to force something to work. If we do this, we need to let others know that this class is less than ideal, and hopefully temporary (i.e. do not bind onto this).') { - @include output { - @include _('clearfix') { - color: black; - } - } - - @include expect { - ._clearfix { - color: black; - } - } - } - } -} diff --git a/node_modules/sass-bem/test/test.css b/node_modules/sass-bem/test/test.css deleted file mode 100644 index 290af13..0000000 --- a/node_modules/sass-bem/test/test.css +++ /dev/null @@ -1,88 +0,0 @@ -/* -Error: sass-config package need to be imported before sass-bem package - on line 36 of ../src/_config.scss - from line 9 of ../_bem.scss - from line 1 of test.scss - -Backtrace: -../src/_config.scss:36 -../_bem.scss:9 -test.scss:1 -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:226:in `visit_error' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:301:in `block (2 levels) in visit_if' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:301:in `map' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:301:in `block in visit_if' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:300:in `visit_if' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:328:in `map' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:328:in `block in visit_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:88:in `block in with_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:88:in `with_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:325:in `visit_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:328:in `map' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:328:in `block in visit_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:88:in `block in with_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:88:in `with_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:325:in `visit_import' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `block in visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `block in with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:115:in `with_frame' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/stack.rb:79:in `with_base' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:160:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `map' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:52:in `visit_children' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:181:in `with_environment' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:168:in `visit_children' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `block in visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:188:in `visit_root' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/base.rb:36:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:159:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/visitors/perform.rb:8:in `visit' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/root_node.rb:36:in `css_tree' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/engine.rb:381:in `_render_with_sourcemap' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/engine.rb:298:in `render_with_sourcemap' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:492:in `update_stylesheet' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `each' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/plugin.rb:82:in `update_stylesheets' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:340:in `watch_or_update' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/exec/sass_scss.rb:51:in `process_result' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:52:in `parse' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/lib/sass/exec/base.rb:19:in `parse!' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/gems/sass-3.4.22/bin/sass:13:in `' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/bin/sass:23:in `load' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/bin/sass:23:in `
' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/bin/ruby_executable_hooks:15:in `eval' -/Users/zgabievi/.rvm/gems/ruby-2.3.0/bin/ruby_executable_hooks:15:in `
' -*/ -body:before { - white-space: pre; - font-family: monospace; - content: "Error: sass-config package need to be imported before sass-bem package\A on line 36 of ../src/_config.scss\A from line 9 of ../_bem.scss\A from line 1 of test.scss"; } diff --git a/node_modules/sass-bem/test/test.scss b/node_modules/sass-bem/test/test.scss deleted file mode 100644 index a8337c8..0000000 --- a/node_modules/sass-bem/test/test.scss +++ /dev/null @@ -1,10 +0,0 @@ -@import "../bem"; -@import "true"; - -$true-terminal-output: true; - -@import "functions"; -@import "helpers"; -@import "mixins"; - -@include report; diff --git a/node_modules/sass-bem/test/test_sass.js b/node_modules/sass-bem/test/test_sass.js deleted file mode 100644 index dc77b76..0000000 --- a/node_modules/sass-bem/test/test_sass.js +++ /dev/null @@ -1,5 +0,0 @@ -const path = require('path'); -const sass_true = require('sass-true'); - -const sassFile = path.join(__dirname, 'test.scss'); -sass_true.runSass({file: sassFile}, describe, it); diff --git a/node_modules/sass-bem/test/true.yml b/node_modules/sass-bem/test/true.yml deleted file mode 100644 index ee67a33..0000000 --- a/node_modules/sass-bem/test/true.yml +++ /dev/null @@ -1,2 +0,0 @@ -options: - color: true \ No newline at end of file diff --git a/node_modules/sass-config/.editorconfig b/node_modules/sass-config/.editorconfig deleted file mode 100644 index 8bd90a1..0000000 --- a/node_modules/sass-config/.editorconfig +++ /dev/null @@ -1,11 +0,0 @@ -root = true - -[*] -charset = utf-8 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true - -[*.scss] -indent_style = space -indent_size = 2 diff --git a/node_modules/sass-config/.npmignore b/node_modules/sass-config/.npmignore deleted file mode 100644 index 20af8bd..0000000 --- a/node_modules/sass-config/.npmignore +++ /dev/null @@ -1,14 +0,0 @@ -.idea/ -.sass-cache/ -test/.sass-cache/ -node_modules/ -gh-pages/ -coverage/ - -**/.DS_Store -.sassdocrc -/style.scss -/style.css -*.map - -yarn.lock diff --git a/node_modules/sass-config/LICENSE b/node_modules/sass-config/LICENSE deleted file mode 100644 index baf162b..0000000 --- a/node_modules/sass-config/LICENSE +++ /dev/null @@ -1,22 +0,0 @@ -The MIT License (MIT) - -Copyright (c) 2015 Zura Gabievi - -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/node_modules/sass-config/README.md b/node_modules/sass-config/README.md deleted file mode 100644 index 3a47241..0000000 --- a/node_modules/sass-config/README.md +++ /dev/null @@ -1,63 +0,0 @@ -# sass-config - -[![sass-config](https://i.imgsafe.org/fbbe4c7bb5.png)](https://github.com/zgabievi/sass-config) - -[![Bower](https://img.shields.io/bower/v/zgabievi/sass-config.svg?style=flat-square)](http://bower.io/search/?q=sass-config) -[![NPM](https://img.shields.io/npm/v/sass-config.svg?style=flat-square)](https://www.npmjs.com/package/sass-config) - -DotConfig for SASS - -+ [Installation](#installation) -+ [Usage](#usage) -+ [Example](#example) -+ [License](#license) - -## Installation -### Install With [Bower](http://bower.io/search/?q=sass-config) -``` -$ bower install sass-config --save -``` - -### Install With [NPM](https://www.npmjs.com/package/sass-config): -``` -$ npm install sass-config --save -``` - -### Install Manually -- [Download Package Archive](https://github.com/zgabievi/sass-config/archive/master.zip) -- Extract zip to your project. - -## Usage -Insert following code in top of your file: - -```scss -@import "/bower_components/sass-config/config"; -``` - -## Example - -```scss -@import "bower_components/sass-config/config"; - -// configuration #1 -$config-example: ( - foo: 'bar', - baz: 'qux' -); - -// configuration #2 -$config-example2: ( - abc: 'def' -); - -// set configuration -@include config('example', $config-example); -@include config('example2', $config-example2); - -// get config value -@debug config('example.baz'); // Output: "qux" -@debug config('example2.abc'); // Output: "def" -``` - -## License -The sass-config package is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT). diff --git a/node_modules/sass-config/_config.scss b/node_modules/sass-config/_config.scss deleted file mode 100644 index a393688..0000000 --- a/node_modules/sass-config/_config.scss +++ /dev/null @@ -1,11 +0,0 @@ -@charset "UTF-8"; - -// Storage -$config-storage: () !default; - -// Mixins -@import "mixins/config"; - -// Functions -@import "functions/explode"; -@import "functions/config"; diff --git a/node_modules/sass-config/bower.json b/node_modules/sass-config/bower.json deleted file mode 100644 index 41f1a69..0000000 --- a/node_modules/sass-config/bower.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "name": "sass-config", - "version": "1.1.2", - "description": "DotConfig for SASS", - "main": "_config.scss", - "authors": [ - "zgabievi " - ], - "license": "MIT", - "keywords": [ - "dot-config", - "sass", - "scss", - "config" - ], - "homepage": "https://github.com/zgabievi/sass-config.git", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "package.json", - "test", - "tests" - ] -} diff --git a/node_modules/sass-config/functions/_config.scss b/node_modules/sass-config/functions/_config.scss deleted file mode 100644 index 276f242..0000000 --- a/node_modules/sass-config/functions/_config.scss +++ /dev/null @@ -1,39 +0,0 @@ -@charset "UTF-8"; - -/// Get configuration value using dot notated key. -/// -/// @access public -/// -/// @param {String} $key - Dot notated key that will be used to search value in config storage -/// -/// @returns {mixed} - Value of stored configuration -/// -/// @example scss - Usage -/// .c-button { -/// color: config('color.primary'); -/// } -/// -/// .c-button { -/// padding: config('spacing.inner.large'); -/// } -/// -/// @example css - Output -/// .c-button { -/// color: black; -/// } -/// -/// .c-button { -/// padding: 2em; -/// } - -@function config($key) { - $value: $config-storage; - - @each $key in explode($key, '.') { - @if type-of($value) == 'map' { - $value: map-get($value, $key); - } - } - - @return $value; -} diff --git a/node_modules/sass-config/functions/_explode.scss b/node_modules/sass-config/functions/_explode.scss deleted file mode 100644 index 2e2b288..0000000 --- a/node_modules/sass-config/functions/_explode.scss +++ /dev/null @@ -1,32 +0,0 @@ -@charset "UTF-8"; - -/// Explode string to get list of strings. -/// -/// @access private -/// -/// @param {String} $string - String which should be exploded -/// @param {String} $separator - Separator which will explode string to pieces -/// -/// @returns {List} - List of exploded string - -@function explode($string, $separator) { - $list: (); - $length: str-length($string); - - @for $i from 1 through $length { - $index: str-index($string, $separator); - - @if str-length($string) >= 1 and $index == null { - $list: append($list, $string); - $string: ''; - } - - @if type-of($index) == number { - $each: str-slice($string, 0, ($index - 1)); - $list: append($list, $each); - $string: str-slice($string, ($index + 1), $length); - } - } - - @return $list; -} diff --git a/node_modules/sass-config/gulpfile.js b/node_modules/sass-config/gulpfile.js deleted file mode 100644 index ffa01d1..0000000 --- a/node_modules/sass-config/gulpfile.js +++ /dev/null @@ -1,31 +0,0 @@ -const gulp = require('gulp'); -const sassdoc = require('sassdoc'); -const mocha = require('gulp-mocha'); - -gulp.task('default', () => - gulp.src('./test/test_sass.js') - .pipe(mocha()) - .once('error', () => { - process.exit(1); - }) - .once('end', () => { - process.exit(); - }) -); - -gulp.task('sassdoc', () => { - return gulp.src(['_config.scss', './mixins/**.scss', './functions/*.scss']) - .pipe(sassdoc({ - dest: 'gh-pages', - verbose: true, - display: { - access: ['public', 'private'], - alias: true, - watermark: true, - }, - groups: { - 'undefined': 'sass-config' - }, - basePath: 'http://zgabievi.me/sass-config/', - })) -}); diff --git a/node_modules/sass-config/mixins/_config.scss b/node_modules/sass-config/mixins/_config.scss deleted file mode 100644 index 19a4c06..0000000 --- a/node_modules/sass-config/mixins/_config.scss +++ /dev/null @@ -1,22 +0,0 @@ -@charset "UTF-8"; - -/// Set configuration values to some parent key as list of key values. -/// -/// @access public -/// -/// @param {String} $key - Parent key that will store some configuration values -/// @param {List} $options - List of key value pairs that will be stored as config values -/// -/// @example scss - Usage -/// @include config('spacing', ( -/// 'padding': ( -/// 'tiny': 0.25em, -/// 'small': 0.5em, -/// 'large': 2em, -/// 'huge': 4em, -/// ) -/// )); - -@mixin config($key, $options: ()) { - $config-storage: map-merge($config-storage, ($key: $options)) !global; -} diff --git a/node_modules/sass-config/package.json b/node_modules/sass-config/package.json deleted file mode 100644 index 4aadad1..0000000 --- a/node_modules/sass-config/package.json +++ /dev/null @@ -1,72 +0,0 @@ -{ - "_from": "sass-config@^1.1.1", - "_id": "sass-config@1.1.2", - "_inBundle": false, - "_integrity": "sha1-kwN7TNBnyqUAOrlL/Nki7yuSp1k=", - "_location": "/sass-config", - "_phantomChildren": {}, - "_requested": { - "type": "range", - "registry": true, - "raw": "sass-config@^1.1.1", - "name": "sass-config", - "escapedName": "sass-config", - "rawSpec": "^1.1.1", - "saveSpec": null, - "fetchSpec": "^1.1.1" - }, - "_requiredBy": [ - "/sass-bem" - ], - "_resolved": "https://registry.npmjs.org/sass-config/-/sass-config-1.1.2.tgz", - "_shasum": "93037b4cd067caa5003ab94bfcd922ef2b92a759", - "_spec": "sass-config@^1.1.1", - "_where": "/home/yunpeng/Desktop/wxplugin/mpvue-keyboard/node_modules/sass-bem", - "author": { - "name": "zgabievi", - "email": "zura.gabievi@gmail.com" - }, - "bugs": { - "url": "https://github.com/zgabievi/sass-config/issues" - }, - "bundleDependencies": false, - "deprecated": false, - "description": "DotConfig for SASS", - "devDependencies": { - "gulp": "^3.9.1", - "gulp-mocha": "^3.0.1", - "mocha": "^3.2.0", - "node-sass": "^3.13.0", - "path": "^0.12.7", - "sass-true": "^2.1.3", - "sassdoc": "^2.1.20" - }, - "homepage": "https://github.com/zgabievi/sass-config#readme", - "ignore": [ - "**/.*", - "node_modules", - "bower_components", - "bower.json", - "test", - "tests" - ], - "keywords": [ - "dot-config", - "sass", - "scss", - "config" - ], - "license": "MIT", - "main": "_config.scss", - "name": "sass-config", - "repository": { - "type": "git", - "url": "git+https://github.com/zgabievi/sass-config.git" - }, - "scripts": { - "sass": "node-sass style.scss style.css", - "sassdoc": "node-sass style.scss style.css", - "test": "mocha --reporter spec" - }, - "version": "1.1.2" -} diff --git a/node_modules/sass-config/test/test.scss b/node_modules/sass-config/test/test.scss deleted file mode 100644 index 7d74fb1..0000000 --- a/node_modules/sass-config/test/test.scss +++ /dev/null @@ -1,19 +0,0 @@ -@import "../config"; -@import "true"; - -$true-terminal-output: true; - -@include config('spacing', ( - 'padding': ( - 'tiny': 0.25em, - 'small': 0.5em, - 'large': 2em, - 'huge': 4em, - ) -)); - -@include test('config') { - @include assert-equal(config('spacing.padding.large'), 2em, 'Large spacing padding value'); -} - -@include report; diff --git a/node_modules/sass-config/test/test_sass.js b/node_modules/sass-config/test/test_sass.js deleted file mode 100644 index dc77b76..0000000 --- a/node_modules/sass-config/test/test_sass.js +++ /dev/null @@ -1,5 +0,0 @@ -const path = require('path'); -const sass_true = require('sass-true'); - -const sassFile = path.join(__dirname, 'test.scss'); -sass_true.runSass({file: sassFile}, describe, it); diff --git a/node_modules/sass-config/test/true.yml b/node_modules/sass-config/test/true.yml deleted file mode 100644 index ee67a33..0000000 --- a/node_modules/sass-config/test/true.yml +++ /dev/null @@ -1,2 +0,0 @@ -options: - color: true \ No newline at end of file diff --git a/package.json b/package.json index 5fe2a27..33d7a84 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mpvue-keyboard", - "version": "1.0.9", + "version": "1.1.0", "description": "一个车牌输入键盘组件，支持新能源车牌号输入", "main": "src/index.vue", "scripts": { @@ -20,7 +20,5 @@ "url": "https://github.com/weiyunpeng/mpvue-keyboard/issues" }, "homepage": "https://github.com/weiyunpeng/mpvue-keyboard#readme", - "dependencies": { - "sass-bem": "^2.6.5" - } + "dependencies": {} } diff --git a/src/base.scss b/src/base.scss deleted file mode 100644 index f4d3a9f..0000000 --- a/src/base.scss +++ /dev/null @@ -1,126 +0,0 @@ -//******外边距原子样式******/ -.mr10{margin-right: 10px} -.mr20{margin-right: 20px} -.ml5{margin-left: 5px} -.ml10{margin-left: 10px} -.ml20{margin-left: 20px} -.mt10{margin-top: 10px} -.mt20{margin-top: 20px} -.mb10{margin-bottom: 10px} -.mb20{margin-bottom: 20px} - -//******nei边距原子样式******/ -.pdlr20{padding: 0 20px} - - -//******布局样式******/ -.row { - display: flex; - display: -webkit-flex; - flex-direction: row; - -webkit-flex-direction: row; -} -.row-center{ - @extend .row; - align-items: center; - -webkit-align-items: center; - justify-content: center; - -webkit-justify-content: center; -} -.row-between { - @extend .row; - justify-content: space-between; - -webkit-justify-content: space-between; -} -.row-around { - @extend .row; - justify-content: space-around; - -webkit-justify-content: space-around; -} -.row-end { - @extend .row; - justify-content: flex-end; - -webkit-justify-content: flex-end; -} -.row-wrap{ - @extend .row; - flex-wrap: wrap; - -webkit-flex-wrap: wrap; -} -.row-nowrap{ - @extend .row; - flex-wrap: nowrap; - -webkit-flex-wrap: nowrap; -} - -.column { - display: flex; - display: -webkit-flex; - flex-direction: column; - -webkit-flex-direction: column; -} -.column-center{ - @extend .column; - align-items: center; - -webkit-align-items: center; -} -.column-around{ - @extend .column; - justify-content: space-around; - -webkit-justify-content: space-around; -} -.column-between{ - @extend .column; - justify-content: space-between; - -webkit-justify-content: space-between; -} - - -//******图片样式******/ -@mixin icon-image($size){ - height: $size; - width: $size; - vertical-align: middle; - -webkit-vertical-align: middle; -} -.icon { - @include icon-image(20px); -} -.icon-lg { - @include icon-image(30px); -} -.icon-xl { - @include icon-image(50px); -} -.icon-xxl{ - @include icon-image(60px); -} -.icon-round { - border-radius: 50%; -} - -//******间隔******/ -.hr60{ - width: 100%; - height: 60px; -} -.hr100{ - width: 100%; - height: 100px; -} -.h-gap{ - width: 100%; - height: 14px; -} -.br{ - width: 20px; - height: 6px; -} - -//******常用******/ -.hidden { - display:none; -} -img { - object-fit: cover; -} diff --git a/src/index.vue b/src/index.vue index 0886f92..bead8ed 100644 --- a/src/index.vue +++ b/src/index.vue @@ -57,6 +57,10 @@ export default { extraKey: { type: String, default: '完成' + }, + plateNum: { + type: String, + default: '' } }, data() { @@ -73,17 +77,16 @@ export default { methods: { showKeyboard() { this.show = true; - this.$emit('input'); + this.$emit('update:show', true); }, closeKeyboard() { this.show = false; - this.$emit('close'); + this.$emit('update:show', false); }, tapKeyboard(e) { this.tapVal = e.target.dataset.val; if (this.tapVal === '巛') { - this.$emit('delete'); this.textArr.pop(); this.textBaseArr.splice(this.textArr.length, 1, ''); if ( @@ -99,6 +102,7 @@ export default { if (this.textArr.length > 6 && this.isEnergy) { this.textBaseArr.splice(6, 1, this.tapVal); this.textArr.splice(6, 1, this.tapVal); + this.$emit('update:plateNum', this.textArr.join('')); return false; } this.textArr.push(this.tapVal); @@ -117,6 +121,7 @@ export default { } else { this.isNum = true; } + this.$emit('update:plateNum', this.textArr.join('')); }, tapFinished(e) { let textValue = this.textArr.join(''); @@ -131,163 +136,237 @@ export default { mounted() {} }; - diff --git a/static/1.jpg b/static/1.jpg index 0dfd1c8..83df2ab 100644 Binary files a/static/1.jpg and b/static/1.jpg differ diff --git a/static/2.jpg b/static/2.jpg index 57600a2..0367f41 100644 Binary files a/static/2.jpg and b/static/2.jpg differ