Removed scss from notification item vue as well

dbomfim · Jan 3, 2019 · 985a4eb · 985a4eb
1 parent 84c5135
commit 985a4eb
Showing 1 changed file with 20 additions and 28 deletions.
diff --git a/src/components/layout/NotificationItem.vue b/src/components/layout/NotificationItem.vue
@@ -24,33 +24,25 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu {
-  li > a > h4,
-  li > a > p {
-    margin: 0;
-    white-space: normal;
-    word-break: break-word;
-  }
-
-  li > a > h4 {
-    font-size: 15px;
-
-    small {
-      font-size: 10px;
-    }
-  }
-
-  li > a > p {
-    font-size: 12px;
-  }
-
-  li > a > h4 > span {
-    display: inline-block;
-  }
-
-  li > a > h4 > small.time {
-    margin-top: 3px;
-  }
+<style scoped>
+.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > h4, .navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > p {
+  margin: 0;
+  white-space: normal;
+  word-break: break-word;
+}
+.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > h4 {
+  font-size: 15px;
+}
+.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > h4 small {
+  font-size: 10px;
+}
+.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > p {
+  font-size: 12px;
+}
+.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > h4 > span {
+  display: inline-block;
+}
+.navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu > li > ul.menu li > a > h4 > small.time {
+  margin-top: 3px;
 }
 </style>