From ed4e3998a8a69d581343e1e871e3291600176953 Mon Sep 17 00:00:00 2001
From: Guillaume Vincent <guillaume@oslab.fr>
Date: Mon, 17 Oct 2016 22:12:36 +0200
Subject: [PATCH] move CSS near component

---
 src/App.css                 | 13 -------------
 src/components/LessPass.vue | 16 +++++++++++++++-
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/App.css b/src/App.css
index fbc0e3a..ef435c6 100644
--- a/src/App.css
+++ b/src/App.css
@@ -7,17 +7,4 @@ body {
     background: #008ed6 fixed top;
     background-size: cover;
     margin: 0;
-}
-
-* {
-    border-radius: 0 !important;
-}
-
-.white-link {
-    color: white;
-}
-
-.white-link:hover, .white-link:focus, .white-link:active {
-    text-decoration: none;
-    color: white;
 }
\ No newline at end of file
diff --git a/src/components/LessPass.vue b/src/components/LessPass.vue
index 049c125..572b583 100644
--- a/src/components/LessPass.vue
+++ b/src/components/LessPass.vue
@@ -1,5 +1,19 @@
+<style>
+    #lesspass .white-link {
+        color: white;
+    }
+
+    #lesspass .white-link:hover, #lesspass .white-link:focus, #lesspass .white-link:active {
+        text-decoration: none;
+        color: white;
+    }
+
+    #lesspass * {
+        border-radius: 0 !important;
+    }
+</style>
 <template>
-    <div class="card" style="border:none;">
+    <div id="lesspass" class="card" style="border:none;">
         <lesspass-menu></lesspass-menu>
         <div class="card-block" style="min-height: 400px;">
             <router-view></router-view>