Vector: Rewrite notifications.less with nesting

Change-Id: Icec6a26633670aa059b1a73ee1e88af8b561c681

diff --git a/skins/vector/components/notifications.less b/skins/vector/components/notifications.less
index 5f66ac3..43b9882 100644 (file)
--- a/skins/vector/components/notifications.less
+++ b/skins/vector/components/notifications.less
@@ -1,16 +1,20 @@
 /* mediawiki.notification */
-.skin-vector .mw-notification-area {
-       font-size: 0.8em;
-}
-.skin-vector .mw-notification-area-layout {
-       top: 7em;
-}
-.skin-vector .mw-notification {
-       background-color: #fff;
-       background-color: rgba(255, 255, 255, 0.93);
-       padding: 0.75em 1.5em;
-       border: solid 1px #a7d7f9;
-       border-radius: 0.75em;
-       -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
-       box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+.skin-vector {
+       .mw-notification-area {
+               font-size: 0.8em;
+       }
+
+       .mw-notification-area-layout {
+               top: 7em;
+       }
+
+       .mw-notification {
+               background-color: #fff;
+               background-color: rgba(255, 255, 255, 0.93);
+               padding: 0.75em 1.5em;
+               border: solid 1px #a7d7f9;
+               border-radius: 0.75em;
+               -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+               box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.125);
+       }
 }