mirrors/vue-context
2
0
Fork 0
mirror of https://github.com/tenrok/vue-context.git synced 2026-06-22 16:10:33 +03:00
Code Activity

Remove styles from js

Browse Source
This commit is contained in:
Randall Wilk
2019-10-11 22:01:44 -05:00
parent 3d3463860c
commit 9ac3383bab
9 changed files with 977 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build/webpack-test.mix.js
+1
View File
@@ -3,4 +3,5 @@ const mix = require('laravel-mix');
mix mix
.setPublicPath('test/js/dist') .setPublicPath('test/js/dist')
.js('test/js/src/index.js', 'index.js') .js('test/js/src/index.js', 'index.js')
.sass('test/js/src/index.scss', 'index.css')
.sourceMaps(); .sourceMaps();
build/webpack.mix.js
+1
View File
@@ -5,6 +5,7 @@ const inProduction = mix.inProduction();
mix mix
.setPublicPath('dist') .setPublicPath('dist')
.js('src/js/index.js', 'js/vue-context.js') .js('src/js/index.js', 'js/vue-context.js')
.sass('src/sass/vue-context.scss', 'css/vue-context.css')
.sourceMaps(! inProduction) .sourceMaps(! inProduction)
.webpackConfig({ .webpackConfig({
output: { output: {
dist/css/vue-context.css
Vendored
+46
View File
@@ -0,0 +1,46 @@
.v-context {
background-color: #fff;
background-clip: padding-box;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
display: block;
margin: 0;
padding: 10px 0;
min-width: 10rem;
z-index: 1500;
position: fixed;
list-style: none;
box-sizing: border-box;
}
.v-context > li {
margin: 0;
}
.v-context > li > a {
display: block;
padding: 0.5rem 1.5rem;
font-weight: 400;
color: #212529;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.v-context > li > a:hover,
.v-context > li > a:focus {
text-decoration: none;
color: #212529;
background-color: #f8f9fa;
}
.v-context > li > a:focus {
outline: 0;
}
.v-context:focus {
outline: 0;
}
dist/js/vue-context.js
Vendored
+861 -1
View File
File diff suppressed because one or more lines are too long
src/js/vue-context.js
-1
View File
@@ -1,7 +1,6 @@
import { directive as onClickaway } from 'vue-clickaway/index'; import { directive as onClickaway } from 'vue-clickaway/index';
import { eventOff, eventOn, filterVisible, isArray, keyCodes, selectAll, setAttr } from './utils'; import { eventOff, eventOn, filterVisible, isArray, keyCodes, selectAll, setAttr } from './utils';
import { normalizeSlot } from './normalize-slot'; import { normalizeSlot } from './normalize-slot';
import '../sass/vue-context.scss';
export default { export default {
directives: { directives: {
test/index.html
+1
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Vue Context Test Page</title> <title>Vue Context Test Page</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="js/dist/index.css">
</head> </head>
<body> <body>
<div id="app"> <div id="app">
test/js/dist/index.css
Vendored
+46
View File
@@ -0,0 +1,46 @@
.v-context {
background-color: #fff;
background-clip: padding-box;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
display: block;
margin: 0;
padding: 10px 0;
min-width: 10rem;
z-index: 1500;
position: fixed;
list-style: none;
box-sizing: border-box;
}
.v-context > li {
margin: 0;
}
.v-context > li > a {
display: block;
padding: 0.5rem 1.5rem;
font-weight: 400;
color: #212529;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.v-context > li > a:hover,
.v-context > li > a:focus {
text-decoration: none;
color: #212529;
background-color: #f8f9fa;
}
.v-context > li > a:focus {
outline: 0;
}
.v-context:focus {
outline: 0;
}
test/js/dist/index.js
Vendored
+19 -62
View File
File diff suppressed because one or more lines are too long
test/js/src/index.scss
+1
View File
@@ -0,0 +1 @@
@import '../../../src/sass/vue-context';