Bug 27846: (follow-up) Use SCSS-style nesting for style additions

This patch takes the changes introduced to the SCSS file in the previous
patches and converts it to use SCSS-style nesting to generate the
same output.

There should be no visible changes as a result.

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index 92a97fd..478b513 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -1023,39 +1023,6 @@ details[open] {
     }
 }
 
-nav.breadcrumb {
-    background-color: #E6F0F2;
-    clear: both;
-    margin: 0;
-    padding: .8em .5em .8em 10px;
-    position: relative;
-}
-
-nav.breadcrumb ol {
-    margin: 0;
-    padding-left: 0;
-    list-style: none;
-}
-
-nav.breadcrumb li {
-    display: inline;
-}
-
-nav.breadcrumb li + li::before {
-    display: inline-block;
-    margin: 0 0.25em;
-    transform: rotate(15deg);
-    border-right: 0.1em solid currentColor;
-    height: 0.8em;
-    content: '';
-}
-
-nav.breadcrumb [aria-current="page"] {
-    color: #000;
-    font-weight: 700;
-    text-decoration: none;
-}
-
 #header {
     + #breadcrumbs {
         margin-top: 1em;
@@ -3155,6 +3122,42 @@ video {
 nav {
     background: #E6F0F2 none;
     border: 0;
+
+    &.breadcrumb {
+        background-color: #E6F0F2;
+        clear: both;
+        margin: 0;
+        padding: .8em .5em .8em 10px;
+        position: relative;
+
+        ol {
+            margin: 0;
+            padding-left: 0;
+            list-style: none;
+        }
+
+        li {
+            display: inline;
+
+            &+li::before {
+                display: inline-block;
+                margin: 0 0.25em;
+                transform: rotate(15deg);
+                border-right: 0.1em solid currentColor;
+                height: 0.8em;
+                content: '';
+            }
+
+        }
+
+        [aria-current="page"] {
+            color: #000;
+            font-weight: 700;
+            text-decoration: none;
+        }
+    }
+
+
 }
 
 .navbar-collapse {