Remove styles from js

2026-06-12 07:52:22 +03:00 · 2019-10-11 22:01:44 -05:00
parent 3d3463860c
commit 9ac3383bab
9 changed files with 977 additions and 65 deletions
@@ -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">
@@ -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;
+}
+
@@ -0,0 +1 @@
+@import '../../../src/sass/vue-context';