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:
@@ -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();
|
||||
|
||||
@@ -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: {
|
||||
|
||||
Vendored
+46
@@ -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;
|
||||
}
|
||||
|
||||
Vendored
+861
-1
File diff suppressed because one or more lines are too long
@@ -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: {
|
||||
|
||||
@@ -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">
|
||||
|
||||
Vendored
+46
@@ -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;
|
||||
}
|
||||
|
||||
Vendored
+19
-62
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
@import '../../../src/sass/vue-context';
|
||||
Reference in New Issue
Block a user