2
0
mirror of https://github.com/tenrok/vue-context.git synced 2026-06-05 19:02:23 +03:00

Merge pull request #38 from rawilk/separate-styles

This commit is contained in:
Randall Wilk
2019-10-11 22:43:01 -05:00
committed by GitHub
9 changed files with 977 additions and 65 deletions
+2 -1
View File
@@ -3,4 +3,5 @@ const mix = require('laravel-mix');
mix
.setPublicPath('test/js/dist')
.js('test/js/src/index.js', 'index.js')
.sourceMaps();
.sass('test/js/src/index.scss', 'index.css')
.sourceMaps();
+1
View File
@@ -5,6 +5,7 @@ const inProduction = mix.inProduction();
mix
.setPublicPath('dist')
.js('src/js/index.js', 'js/vue-context.js')
.sass('src/sass/vue-context.scss', 'css/vue-context.css')
.sourceMaps(! inProduction)
.webpackConfig({
output: {
+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;
}
+861 -1
View File
File diff suppressed because one or more lines are too long
-1
View File
@@ -1,7 +1,6 @@
import { directive as onClickaway } from 'vue-clickaway/index';
import { eventOff, eventOn, filterVisible, isArray, keyCodes, selectAll, setAttr } from './utils';
import { normalizeSlot } from './normalize-slot';
import '../sass/vue-context.scss';
export default {
directives: {
+1
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<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="js/dist/index.css">
</head>
<body>
<div id="app">
+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;
}
+19 -62
View File
File diff suppressed because one or more lines are too long
+1
View File
@@ -0,0 +1 @@
@import '../../../src/sass/vue-context';