Attachment 137767 Details for Bug 30952 – Bug 30952: (follow-up) Fix linting errors in SCSS

[patch] Bug 30952: (follow-up) Fix linting errors in SCSS

Bug-30952-follow-up-Fix-linting-errors-in-SCSS.patch (text/plain), 53.07 KB, created by Owen Leonard on 2022-07-15 14:57:17 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2022-07-15 14:57:17 UTC

Size: 53.07 KB

patch

obsolete

>From 3c2cf1573150c117dbdc74fae4374169d1dca940 Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>Date: Fri, 15 Jul 2022 13:42:01 +0000
>Subject: [PATCH] Bug 30952: (follow-up) Fix linting errors in SCSS
>
>This patch makes some corrections to the style of modified SCSS:
>
>- Space before "{"
>- No leading zeroes in number values
>- Upper case hex codes
>- Multi-line comment style
>- Use "border: 0" instead of "border: none"
>- Remove vendor prefixes
>- Remove commented-out declarations
>- Put each selector on a separate line
>
>The patch should have no visible effects on the style of the interface.
>---
> .../prog/css/src/staff-global.scss            | 733 +++++++++---------
> 1 file changed, 364 insertions(+), 369 deletions(-)
>
>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 65fd54841d..d38b92dc82 100644
>--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
>+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
>@@ -4,7 +4,7 @@
> 
> ::selection {
>     background: #418940;
>-    color: #fff;
>+    color: #FFFFFF;
> }
> 
> a {
>@@ -12,18 +12,19 @@ a {
>     &:visited {
>         color: #71B443;
>         padding: .3em;
>-        border: none;
>+        border: 0;
>         background-color: transparent;
>         box-shadow: none;
>         font-size: 100%;
>     }
> 
>     &:hover,
>-    &:active, &:focus {
>+    &:active,
>+    &:focus {
>         text-decoration: underline;
>         color: #71B443;
>         padding: .3em;
>-        border: none;
>+        border: 0;
>         background-color: transparent;
>         box-shadow: none;
>         font-size: 100%;
>@@ -58,7 +59,7 @@ a {
> 
>     }
> 
>-    &.edit-patronimage{
>+    &.edit-patronimage {
>         color: #333;
>         background-color: #e6e6e6;
>         border-color: #adadad;
>@@ -87,9 +88,9 @@ a {
>         border-radius: 4px;
>         user-select: none;
> 
>-        &:hover{
>+        &:hover {
>             font-weight: bold;
>-            background-color: #f1f1f1;
>+            background-color: #F1F1F1;
>             border: #696969 double 1px;
>             text-decoration: none;
>         }
>@@ -113,8 +114,8 @@ a {
>         }
>     }
> 
>-    &.settings{
>-        i, img{
>+    &.settings {
>+        i, img {
>             text-align: center;
>             color: #71B443;
>             border: solid 3px #71B443;
>@@ -134,12 +135,12 @@ a {
> 
>         }
> 
>-        &:hover{
>+        &:hover {
>             color: #418940;
>             text-decoration: none;
>             font-weight: bold;
> 
>-            i, img{
>+            i, img {
>                 border-color: #418940;
>                 background-color: transparent;
>                 color: #418940;
>@@ -147,7 +148,7 @@ a {
> 
>         }
> 
>-        img{
>+        img {
>             max-width: 30px;
>             height: auto;
>             padding: 10px;
>@@ -166,21 +167,21 @@ a {
>         color: #666;
>     }
> 
>-    &.principal{
>+    &.principal {
>         background-color: #FEC32C;
>         color: #000;
>-        text-shadow: 0 1px 0 #fff;
>+        text-shadow: 0 1px 0 #FFFFFF;
>         padding: 6px 25px;
>-        border: none;
>+        border: 0;
>         background-image: none;
>         margin: 5px;
> 
>         &:hover,
>         &:active,
>-        &:focus{
>+        &:focus {
>             background-color: #fec22c9f;
>             color: #000;
>-            border: none;
>+            border: 0;
>         }
>     }
> 
>@@ -233,57 +234,53 @@ a {
>         background-image: url("../img/famfamfam/silk/page_white_code.png");
>     }
> 
>-    &.toolbar-btn{
>+    &.toolbar-btn {
>         font-family: 'Poppins', sans-serif;
>         font-weight: normal;
>         text-align: center;
>         white-space: nowrap;
>         vertical-align: middle;
>-        -ms-touch-action: manipulation;
>         touch-action: manipulation;
>         cursor: pointer;
>         background-image: none;
>         padding: 6px 12px;
>         font-size: 12px;
>         border-radius: 4px;
>-        -webkit-user-select: none;
>-        -moz-user-select: none;
>-        -ms-user-select: none;
>         user-select: none;
>         font-size: 105%;
>         background-color: transparent;
>-        border: none;
>+        border: 0;
>         display: inline-block;
>         margin: 5px 10px;
>         color: #696969;
> 
>-        &:hover, &:focus{
>+        &:hover, &:focus {
>             text-decoration: none;
>-            background-color: #dadada;
>+            background-color: #DADADA;
>         }
> 
>-        &:active{
>-            border: none;
>+        &:active {
>+            border: 0;
>         }
> 
>-        &.word{
>+        &.word {
>             margin-right: 0;
>             padding-right: .1em;
>         }
> 
>-        &.arrow{
>+        &.arrow {
>             margin-left: 0;
>             border-radius: 4px;
>             padding-left: .1em;
> 
>-            &:active{
>+            &:active {
>                 border: 1px solid #000;
>                 border-radius: 4px;
>             }
>         }
>     }
> 
>-    &.more_link{
>+    &.more_link {
>         color: #71B443;
>         background-color: transparent;
> 
>@@ -293,7 +290,7 @@ a {
>         bottom: 10px;
>         line-height: 15px;
> 
>-        &:hover{
>+        &:hover {
>             text-decoration: none;
>             color:#71B443;
>             background-color: transparent;
>@@ -302,45 +299,46 @@ a {
> }
> 
> 
>-#resetZ3950Search{
>+#resetZ3950Search {
>     font-size: 110%;
>     color: #71B443;
> }
> 
>-a.ctrl_link {
>-    display: inline-block;
>-    padding-right: 1rem;
>+a {
>+    .ctrl_link {
>+        display: inline-block;
>+        padding-right: 1rem;
>+    }
> }
> 
> 
> aside {
>     position: absolute;
>-    left: 0px;
>+    left: 0;
>     width: 100%;
> 
>-    fieldset{
>-        &.sidebar{
>-            box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
>-            padding: 0.9em;
>+    fieldset {
>+        &.sidebar {
>+            box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
>+            padding: .9em;
>             width: 100%;
>-            left: 0px;
>+            left: 0;
>             overflow: auto;
>             height: auto;
>             max-height: 500px;
> 
>-
>             &::-webkit-scrollbar {
>                 width: 12px;
>             }
> 
>             &::-webkit-scrollbar-track {
>-                background: #eeeeee;
>+                background: #EEEEEE;
>             }
> 
>             &::-webkit-scrollbar-thumb {
>                 background: #696969;
>                 border-radius: 20px;
>-                border: 3px solid #eeeeee;
>+                border: 3px solid #EEEEEE;
>             }
> 
>             button + button,
>@@ -348,7 +346,7 @@ aside {
>                 margin-left: 5px;
>             }
> 
>-            input{
>+            input {
>                 &.cancel {
> 
>                     background-color: transparent;
>@@ -372,19 +370,19 @@ aside {
>                     border-radius: 4px;
>                     user-select: none;
> 
>-                    &:hover{
>+                    &:hover {
>                         font-weight: bold;
>-                        background-color: #f1f1f1;
>+                        background-color: #F1F1F1;
>                         border: #696969 double 1px;
>                         text-decoration: none;
>                     }
>                 }
>             }
> 
>-            fieldset.brief{
>+            fieldset.brief {
>                 width: 100%;
> 
>-                legend{
>+                legend {
>                     color: #696969;
>                     font-weight: bold;
>                     font-size: 13px;
>@@ -392,18 +390,18 @@ aside {
>                     border-bottom: 0;
>                 }
> 
>-                li{
>+                li {
>                     margin-top: 0;
>                     padding: 0;
> 
>-                    &.radio{
>+                    &.radio {
>                         padding: 0;
>                     }
> 
>                     label {
>                         color: #696969;
>                         font-size: 13px;
>-                        padding: 0.5em 0.3em 0 0;
>+                        padding: .5em .3em 0 0;
>                         margin: 0;
>                         font-weight: normal;
>                     }
>@@ -415,20 +413,20 @@ aside {
>                 }
>             }
> 
>-            ol{
>+            ol {
>                 padding: 0;
>                 li {
>                     list-style: none;
>-                    left: 0px;
>+                    left: 0;
>                     flex-direction: row;
>                     width: 100%;
>                     height: auto;
>-                    padding: 0.9em 0;
>+                    padding: .9em 0;
> 
>-                    fieldset{
>+                    fieldset {
>                         width: 100%;
> 
>-                        legend{
>+                        legend {
>                             color: #696969;
>                             font-weight: bold;
>                             font-size: 13px;
>@@ -436,19 +434,20 @@ aside {
>                             border-bottom: 0;
>                         }
> 
>-                        li{
>+                        li {
>                             margin-top: 0;
>                             padding: 0;
> 
>                             label {
>                                 color: #696969;
>                                 font-size: 13px;
>-                                padding: 0.5em 0.3em 0 0;
>+                                padding: .5em .3em 0 0;
>                                 margin: 0;
>                                 font-weight: normal;
>                             }
> 
>-                            input, select {
>+                            input,
>+                            select {
>                                 height: calc(1.5em + .75rem + 2px);
>                                 width: calc(100% - 20px);
>                             }
>@@ -458,11 +457,12 @@ aside {
> 
>                     label {
>                         color: #696969;
>-                        padding: 0.5em 0.3em 0 0;
>+                        padding: .5em .3em 0 0;
>                         margin: 0;
>                     }
> 
>-                    input, select {
>+                    input,
>+                    select {
>                         height: calc(1.5em + .75rem + 2px);
>                         width: calc(100% - 20px);
> 
>@@ -611,7 +611,7 @@ aside {
>                     &.menu {
>                         padding: 1.4em 1.7em;
>                         width: 100%;
>-                        left: 0px;
>+                        left: 0;
>                         overflow: auto;
>                         height: auto;
>                         max-height: 500px;
>@@ -622,13 +622,13 @@ aside {
>                         }
> 
>                         &::-webkit-scrollbar-track {
>-                            background: #eeeeee;
>+                            background: #EEEEEE;
>                         }
> 
>                         &::-webkit-scrollbar-thumb {
>                             background: #696969;
>                             border-radius: 20px;
>-                            border: 3px solid #eeeeee;
>+                            border: 3px solid #EEEEEE;
>                         }
> 
>                         button + button,
>@@ -770,7 +770,7 @@ aside {
> */
> }
> 
>-#navmenulist{
>+#navmenulist {
>     background-color: #e6e6e6;
>     width: 100%;
>     overflow: auto;
>@@ -783,25 +783,25 @@ aside {
>     }
> 
>     &::-webkit-scrollbar-track {
>-        background: #eeeeee;
>+        background: #EEEEEE;
> 
>     }
> 
>     &::-webkit-scrollbar-thumb {
>         background: #696969;
>         border-radius: 20px;
>-        border: 3px solid #eeeeee;
>+        border: 3px solid #EEEEEE;
>     }
> 
>     h2{
>         width: 100%;
>         text-align: center;
> 
>-        a, a:link, a:visited{
>+        a, a:link, a:visited {
>             text-align: center;
>             color: #000;
> 
>-            &:hover, &.current{
>+            &:hover, &.current {
>                 text-decoration: none;
>             }
>         }
>@@ -809,8 +809,8 @@ aside {
> 
>     h4 {
>         margin: .5em 0;
>-        padding-left: 0.5em;
>-        padding-bottom: 0.2em;
>+        padding-left: .5em;
>+        padding-bottom: .2em;
>         color: #696969;
>         border-bottom: 1px solid #696969;
>         font-weight: normal;
>@@ -818,18 +818,18 @@ aside {
> 
>     ul {
>         margin-bottom: 10px;
>-        padding-left: 0px;
>+        padding-left: 0;
> 
>-        &.goto{
>+        &.goto {
>             margin-bottom: 13px;
>             margin-left: 0;
>             margin-right: 0;
>-            padding-left: 0px;
>+            padding-left: 0;
>             position: relative;
>-            top: 0px;
>+            top: 0;
> 
>-            li{
>-                a{
>+            li {
>+                a {
>                     font-size: 75%;
>                 }
>             }
>@@ -837,7 +837,7 @@ aside {
> 
>         li {
>             list-style: none;
>-            left: 0px;
>+            left: 0;
>             flex-direction: row;
>             width: 100%;
>             height: auto;
>@@ -847,7 +847,7 @@ aside {
>                 width: 100%;
>                 display: block;
>                 text-decoration: none;
>-                padding: 0.7em 0.3em 0.7em 1.2em;
>+                padding: .7em .3em .7em 1.2em;
> 
>                 &.current, &:hover, &:active, &:focus {
>                     background-color: #F3F4F4;
>@@ -865,58 +865,60 @@ aside {
> div {
>     display: block;
> 
>-    &.mainmenu{
>+    &.mainmenu {
>         display: inline;
>     }
> 
> 
>-    &.koha-mainpage{
>+    &.koha-mainpage {
>         display: flex;
>         align-items: center;
>         justify-content: center;
>     }
> 
>-    &.settings-links{
>+    &.settings-links {
>         display: inline;
> 
>-        ul{
>+        ul {
>             float: right;
> 
>-            li{
>+            li {
>                 list-style-type: none;
>                 margin-bottom: 0;
>                 height: auto;
>                 width: 150px;
>                 padding: 5px 10px;
> 
>-                a, a:visited, a:link{
>+                a,
>+                a:visited,
>+                a:link {
>                     color: #000;
>                 }
>             }
>         }
>     }
> 
>-    &.koha-bottom{
>-        background: transparent url(../img/koha-logo-medium.png) no-repeat center;
>+    &.koha-bottom {
>+        background: transparent url("../img/koha-logo-medium.png") no-repeat center;
>         width: 150px;
>         background-size: 70%;
>         height: 50px;
>         margin: 25px;
>-        bottom: 0px;
>+        bottom: 0;
>         text-align: center;
>         display: flex;
>         align-items: center;
>         justify-content: center;
>         z-index: 1030;
> 
>-        a{
>+        a {
>             width: 100%;
>             height: 100%;
>         }
>     }
> }
> 
>-.home-page{
>+.home-page {
>     text-align: center;
>     text-decoration: none;
>     font-family: 'Poppins', sans-serif;
>@@ -927,9 +929,9 @@ div {
>         color: #000;
>     }
> 
>-    i{
>+    i {
>         text-align: center;
>-        color: #fff;
>+        color: #FFFFFF;
>         border: solid 3px #71B443;
>         border-radius: 50%;
>         background-color: #71B443;
>@@ -941,21 +943,20 @@ div {
>         padding: 5px;
>         align-items: center;
>         justify-content: center;
>-        -webkit-box-sizing: content-box;
>         box-sizing: content-box;
>         display: flex;
> 
>     }
> 
>-    &:hover, &:focus, &:active{
>+    &:hover, &:focus, &:active {
>         text-decoration: none;
> 
>-        i{
>+        i {
>             background-color: #418940;
>             border-color: #418940;
>         }
> 
>-        h1{
>+        h1 {
>             color: #418940;
>         }
>     }
>@@ -964,7 +965,8 @@ div {
> button {
>     @include default-button;
> 
>-    &:active, &:hover {
>+    &:active,
>+    &:hover {
>         border: 1px inset #999999;
>     }
> 
>@@ -980,11 +982,11 @@ button {
>     }
> }
> 
>-#add_to_patron_list_submit{
>+#add_to_patron_list_submit {
>     color: #71B443;
> 
>-    &:hover{
>-        border: none;
>+    &:hover {
>+        border: 0;
>     }
> }
> 
>@@ -997,7 +999,6 @@ main {
> }
> 
> body {
>-    //font-family: $font-main;
>     font-family: 'Poppins', sans-serif;
>     font-size: 13px;
>     line-height: 1.22;
>@@ -1096,7 +1097,7 @@ h5,
> h6 {
>     margin: .5em 0;
> 
>-    a, a:link, a:visited{
>+    a, a:link, a:visited {
>         color: #000;
>     }
> }
>@@ -1109,30 +1110,30 @@ hr {
> p {
>     margin: .7em 0;
> 
>-    &.more{
>+    &.more {
>         height: 100% !important;
>         top: 30px;
>         width: 100%;
>         display: block;
>         position: absolute;
>-        left: 0px;
>+        left: 0;
>         background-color: #352C2E;
>         padding: 10px;
>         border-radius: 4px;
>         text-align: center;
>-        right: 0px;
>+        right: 0;
>         bottom: -70px;
> 
>-        input{
>-            outline-offset: 0px;
>+        input {
>+            outline-offset: 0;
>             outline: 1px black;
>             float: right;
>             height: 30px;
>             border-radius: 17px;
>             padding-left: 2em;
>             padding-right: 1.5em;
>-            border: none;
>-            margin-left: 0px;
>+            border: 0;
>+            margin-left: 0;
>             position: absolute;
>             top: -5px;
>             right: 30px;
>@@ -1141,7 +1142,7 @@ p {
>             letter-spacing: normal;
>             word-spacing: normal;
>             text-transform: none;
>-            text-indent: 0px;
>+            text-indent: 0;
>             text-shadow: none;
>             text-align: start;
>             cursor: text;
>@@ -1149,7 +1150,7 @@ p {
>         }
>     }
> 
>-    &.more_bottom{
>+    &.more_bottom {
>         background-color: #352C2E;
>         height: auto !important;
>         padding: 0 5px 10px 5px;
>@@ -1157,27 +1158,27 @@ p {
>         border-bottom-left-radius: 17px;
>         border-bottom-right-radius: 17px;
> 
>-        label{
>-            color: #fff;
>+        label {
>+            color: #FFFFFF;
>         }
> 
>-        input{
>-            outline-offset: 0px;
>+        input {
>+            outline-offset: 0;
>             outline: 1px black;
>             height: 20px;
>             border-radius: 17px;
>             padding-left: 2em;
>             padding-right: 1.5em;
>-            border: none;
>+            border: 0;
>             margin-top: 5px;
>-            margin-left: 0px;
>+            margin-left: 0;
>             width: 100%;
>             z-index: 100;
>             display: inline-block !important;
>             letter-spacing: normal;
>             word-spacing: normal;
>             text-transform: none;
>-            text-indent: 0px;
>+            text-indent: 0;
>             text-shadow: none;
>             text-align: start;
>             cursor: text;
>@@ -1228,12 +1229,11 @@ input {
> 
>     &[type="submit"],
>     &[type="button"] {
>-        border: none;
>+        border: 0;
>         background-color: #FEC32C;
>         color: #000;
>-        //font-family: $font-main;
>         font-family: 'Poppins', sans-serif;
>-        text-shadow: 0 1px 0 #fff;
>+        text-shadow: 0 1px 0 #FFFFFF;
>         display: inline-block;
>         margin-bottom: 0;
>         font-weight: normal;
>@@ -1263,7 +1263,7 @@ input {
>         line-height: 1.42857143;
>         margin: 5px;
>         text-align: center;
>-        text-shadow: 0 1px 0 #fff;
>+        text-shadow: 0 1px 0 #FFFFFF;
>         vertical-align: middle;
>         white-space: nowrap;
> 
>@@ -1288,21 +1288,21 @@ input {
>         }
>     }
> 
>-    &.principal{
>+    &.principal {
>         background-color: #FEC32C;
>         color: #000;
>-        text-shadow: 0 1px 0 #fff;
>-        border: none;
>+        text-shadow: 0 1px 0 #FFFFFF;
>+        border: 0;
>         background-image: none;
>         margin: 5px;
>         padding: 6px 25px;
> 
>         &:hover,
>         &:active,
>-        &:focus{
>+        &:focus {
>             background-color: #fec22c9f;
>             color: #000;
>-            border: none;
>+            border: 0;
>         }
>     }
> }
>@@ -1359,27 +1359,27 @@ label,
>     padding-top: 10px;
> }
> 
>-#area-news, #area-userblock{
>+#area-news, #area-userblock {
>     background-color: #FFF;
>-    border: none;
>+    border: 0;
>     color: #696969;
>-    margin: 0em 0em 1em 0em;
>-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
>+    margin: 0 0 1em 0;
>+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
>     display: block;
>     padding: 1em;
> 
>     h3{
>-        background-color: #fff;
>+        background-color: #FFFFFF;
>     }
> }
> 
>-.biglinks-list{
>-    padding: 0px;
>+.biglinks-list {
>+    padding: 0;
>     margin: 10px 30px;
>     align-items: center;
>     height: 150px;
> 
>-    li{
>+    li {
>         list-style-type: none;
>         display: flex;
>         float: left;
>@@ -1528,10 +1528,10 @@ fieldset {
>     background-color: #FFF;
>     position: relative;
>     color: #696969;
>-    left: 0px;
>-    top: 0px;
>-    margin: 0em 1em 1em 0em;
>-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
>+    left: 0;
>+    top: 0;
>+    margin: 0 1em 1em 0;
>+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
>     padding: 1em;
> 
>     + fieldset {
>@@ -1540,7 +1540,7 @@ fieldset {
>         }
>     }
> 
>-    legend{
>+    legend {
>         position: relative;
>         top: 1.5em;
>         margin: .5em 0;
>@@ -1645,15 +1645,15 @@ fieldset {
>         }
>     }
> 
>-    ol{
>-        li{
>+    ol {
>+        li {
>             list-style-type: none;
>             padding: .3em 0;
>         }
>     }
> 
>     &.rows {
>-        border: none;
>+        border: 0;
>         clear: left;
>         float: left;
>         font-size: 90%;
>@@ -1914,7 +1914,7 @@ fieldset {
>         }
>     }
> 
>-    fieldset{
>+    fieldset {
>         box-shadow: none;
>     }
> }
>@@ -1978,25 +1978,25 @@ details[open] {
>     }
> }
> 
>-#shortcut{
>+#shortcut {
>     position: relative;
>     top: -35px;
>     padding: .8em .5em .8em 10px;
> 
>-    ol{
>+    ol {
>         float: right;
>         margin: 0;
>         padding: 0;
> 
>-        li{
>+        li {
>             list-style-type: none;
>             display: inline;
> 
>-            a.toplinks{
>+            a.toplinks {
>                 padding: 0;
>             }
> 
>-            div{
>+            div {
>                 margin: 0;
> 
>             }
>@@ -2217,11 +2217,11 @@ div {
>         margin: .5em 50px;
>         font-weight: bold;
> 
>-        a{
>+        a {
>             color: #71B443;
>             font-weight: normal;
> 
>-            &:hover, &:active{
>+            &:hover, &:active {
>                 font-weight: bold;
>                 color: #418940;
>             }
>@@ -2264,33 +2264,33 @@ dd {
> #toolbar,
> .btn-toolbar {
>     background-color: #f3F4F4;
>-    border: none;
>+    border: 0;
>     border-radius: 5px 5px 0 0;
>     margin: 0;
>     padding: 5px;
>     display: block;
> 
>-    div{
>+    div {
>         position: relative;
>         height: 100%;
>         float: right;
> 
>-        a{
>-            &.principal{
>+        a {
>+            &.principal {
>                 background-color: #FEC32C;
>                 color: #000;
>-                text-shadow: 0 1px 0 #fff;
>-                border: none;
>+                text-shadow: 0 1px 0 #FFFFFF;
>+                border: 0;
>                 background-image: none;
>                 margin: 5px;
>                 padding: 6px 25px;
> 
>                 &:hover,
>                 &:active,
>-                &:focus{
>+                &:focus {
>                     background-color: #fec22c9f;
>                     color: #000;
>-                    border: none;
>+                    border: 0;
>                 }
>             }
>         }
>@@ -2302,10 +2302,10 @@ dd {
>             width: auto;
>             font-size: 12px;
>             line-height: 1.42857143;
>-            border-radius: 0px;
>-            border: 0.5px solid lightgray;
>+            border-radius: 0;
>+            border: .5px solid lightgray;
>             font-size: 100%;
>-            background-color: #fff;
>+            background-color: #FFFFFF;
>             margin: 5px 0 0 0;
>             box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
>             position: absolute;
>@@ -2316,7 +2316,7 @@ dd {
>             left: auto;
>             right: 0;
> 
>-            a{
>+            a {
>                 color: #000;
>                 display: block;
>                 padding: 3px 20px;
>@@ -2328,35 +2328,35 @@ dd {
>                 float: left;
> 
>                 &:hover,
>-                &:focus{
>+                &:focus {
>                     text-decoration: none;
>                     font-weight: bold;
>-                    background-color: #fff;
>+                    background-color: #FFFFFF;
>                     background-image: none;
> 
>                 }
>             }
>         }
> 
>-        #up{
>+        #up {
>             display: table;
>         }
> 
>-        #down{
>+        #down {
>             display: table;
>         }
> 
>-        #patdrop{
>+        #patdrop {
>             border-top-width: 1px;
>             text-align: center;
>             padding: 0;
>             width: auto;
>             font-size: 12px;
>             line-height: 1.42857143;
>-            border-radius: 0px;
>-            border: 0.5px solid lightgray;
>+            border-radius: 0;
>+            border: .5px solid lightgray;
>             font-size: 100%;
>-            background-color: #fff;
>+            background-color: #FFFFFF;
>             margin: 0;
>             box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
>             position: absolute;
>@@ -2365,7 +2365,7 @@ dd {
>             left: -20px;
>             right: auto;
> 
>-            a{
>+            a {
>                 color: #000;
>                 display: block;
>                 padding: 3px 20px;
>@@ -2376,9 +2376,9 @@ dd {
>                 border-bottom: none;
>                 float: left;
> 
>-                &:hover{
>+                &:hover {
>                     font-weight: bold;
>-                    background-color: #fff;
>+                    background-color: #FFFFFF;
>                 }
>             }
> 
>@@ -2446,8 +2446,8 @@ dd {
>             border-right: 0;
>         }
> 
>-        li{
>-            &.patrondateofbirth{
>+        li {
>+            &.patrondateofbirth {
>                 font-size: 75%;
>                 font-weight: normal;
>                 list-style-type: none;
>@@ -2573,10 +2573,10 @@ dd {
>         list-style-type: none;
>         display: flex;
> 
>-        a{
>+        a {
>             color: #000;
> 
>-            &:hover{
>+            &:hover {
>                 background-color: #F3F4F4;
>                 color: #000;
>                 text-decoration: underline;
>@@ -2669,7 +2669,7 @@ input[type='text']:read-only:focus {
>     color: #CC0000;
> }
> 
>-// Font Awesome icons
>+/* Font Awesome icons */
> i {
>     &.error {
>         color: #CC0000;
>@@ -2717,16 +2717,16 @@ i {
>     margin: 3px;
>     align-items: center;
>     right: 35px;
>-    opacity: 0.3;
>+    opacity: .3;
> 
>-    &:hover{
>+    &:hover {
>         opacity: 1;
>     }
> 
>-    a{
>+    a {
>         width: 100%;
> 
>-        &:hover{
>+        &:hover {
>             text-decoration: none;
>         }
>     }
>@@ -2827,22 +2827,22 @@ i {
>         &[type="submit"] {
>             background: #FFF none;
> 
>-            &.approve{
>+            &.approve {
>                 background-color: #FEC32C;
>                 color: #000;
>-                text-shadow: 0 1px 0 #fff;
>-                border: none;
>+                text-shadow: 0 1px 0 #FFFFFF;
>+                border: 0;
>                 background-image: none;
>                 margin-top: 5px;
> 
>                 &:hover,
>                 &:active,
>-                &:focus{
>+                &:focus {
>                     background-color: #fec22c9f;
>                 }
>             }
> 
>-            &.deny{
>+            &.deny {
>                 background-color: transparent;
>                 color: #696969;
>                 border: #696969 double 1px;
>@@ -2865,9 +2865,9 @@ i {
>                 border-radius: 4px;
>                 user-select: none;
> 
>-                &:hover{
>+                &:hover {
>                     font-weight: bold;
>-                    background-color: #f1f1f1;
>+                    background-color: #F1F1F1;
>                     border: #696969 double 1px;
>                     text-decoration: none;
>                 }
>@@ -2922,7 +2922,7 @@ i {
>     &.alert,
>     &.error {
>         color: inherit;
>-        background-color: #fff;
>+        background-color: #FFFFFF;
>         text-align: center;
>         text-shadow: none;
> 
>@@ -2992,13 +2992,13 @@ i {
>     color: #990000;
> }
> 
>-// style for shelving location in catalogsearch
>+/* style for shelving location in catalogsearch */
> .shelvingloc {
>     display: block;
>     font-style: italic;
> }
> 
>-// style for bundled detail in catalogsearch
>+/* style for bundled detail in catalogsearch */
> .bundled {
>     display: block;
>     font-style: italic;
>@@ -3063,7 +3063,7 @@ i {
>     padding-top: 1em;
>     background-color: #e6e6e6;
>     position: absolute;
>-    left: 0px;
>+    left: 0;
> 
>     li {
>         a {
>@@ -3074,7 +3074,7 @@ i {
>             padding: .4em .3em;
>             text-decoration: none;
> 
>-            left: 0px;
>+            left: 0;
>             color: #000;
>             display: block;
> 
>@@ -3198,21 +3198,21 @@ li {
>     }
> }
> 
>-#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper{
>-    background-color: #fff;
>+#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper {
>+    background-color: #FFFFFF;
>     margin-top: 20px;
>-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
>+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
>     padding: 20px;
> }
> 
> #searchresults {
>-    background-color: #fff;
>+    background-color: #FFFFFF;
>     margin-top: 20px;
>     min-width: 100%;
>     width: fit-content;
>     padding: 20px;
> 
>-    fieldset{
>+    fieldset {
>         box-shadow: none;
>     }
> 
>@@ -3223,20 +3223,20 @@ li {
>     }
> 
>     td {
>-        border: none;
>+        border: 0;
> 
> 
>-        button, a{
>-            &.btn-default{
>+        button, a {
>+            &.btn-default {
>                 color: #71B443;
>                 padding: .3em;
>-                border: none;
>+                border: 0;
>                 background-color: transparent;
>-                border: none;
>+                border: 0;
>                 box-shadow: none;
>                 font-size: 100%;
> 
>-                &:hover, &:active, &:focus, &:active:hover, &:active:focus{
>+                &:hover, &:active, &:focus, &:active:hover, &:active:focus {
>                     background-color: transparent;
>                     color: #71B443;
>                     text-decoration: underline;
>@@ -3311,19 +3311,19 @@ li {
>     }
> 
>     .dropdown-menu {
>-        background-color: #fff;
>+        background-color: #FFFFFF;
>         color: #000;
>         height: fit-content;
>         top: 100%;
> 
>-        a{
>+        a {
>             color: #000;
> 
>-            &:hover{
>+            &:hover {
>                 background-image: none;
>                 color: #000;
>                 text-decoration: underline;
>-                background-color: #fff;
>+                background-color: #FFFFFF;
>             }
>         }
>     }
>@@ -3372,7 +3372,7 @@ li {
>     }
> }
> 
>-.mini-inp{
>+.mini-inp {
>     height: 12px;
>     width: 30px;
> }
>@@ -3385,7 +3385,7 @@ li {
>         border-bottom: 1px solid #71B443;
>         border-radius: 4px 4px 0 0;
>         font-size: 90%;
>-        color: #fff;
>+        color: #FFFFFF;
>         margin: 0;
>         padding: .4em .2em;
>         text-align: center;
>@@ -3395,7 +3395,7 @@ li {
>         margin: 0;
>         padding: .3em;
> 
>-        &.cadre{
>+        &.cadre {
>             border: 3px solid #71B443;
>         }
> 
>@@ -3486,16 +3486,16 @@ td {
>     }
> }
> 
>-.highlight_toggle{
>+.highlight_toggle {
>     color: #71B443;
>     padding: .3em;
>-    border: none;
>+    border: 0;
>     background-color: transparent;
>-    border: none;
>+    border: 0;
>     box-shadow: none;
>     font-size: 100%;
> 
>-    &:hover{
>+    &:hover {
>         text-decoration: underline;
>     }
> }
>@@ -3655,7 +3655,7 @@ td.bundle {
> #cartDetails {
>     background-color: #352C2E;
>     box-shadow: 1px 1px 3px 0 #666;
>-    color: #fff;
>+    color: #FFFFFF;
>     display: none;
>     margin: 0;
>     padding: 10px;
>@@ -3666,8 +3666,8 @@ td.bundle {
> 
> #cartmenulink {
>     position: relative;
>-    left: 0px;
>-    top: 0px;
>+    left: 0;
>+    top: 0;
> }
> 
> #basketcount {
>@@ -3817,7 +3817,7 @@ td.bundle {
> }
> 
> .advsearch {
>-    margin: 0em 1em 1em 0em;
>+    margin: 0 1em 1em 0;
> 
>     table {
>         border-collapse: separate;
>@@ -3933,7 +3933,7 @@ td.bundle {
>     display: none;
> }
> 
>-// Override core jQueryUI widgets
>+/* Override core jQueryUI widgets */
> .ui-widget-content {
>     background: #FFFFFF none;
>     border-radius: 4px;
>@@ -3984,7 +3984,7 @@ td.bundle {
>     color: #CD0A0A;
> }
> 
>-// Override jQuery Autocomplete
>+/* Override jQuery Autocomplete */
> .ui-autocomplete {
>     box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
>     cursor: default;
>@@ -4023,7 +4023,7 @@ td.bundle {
>     background: #FFF url("../img/spinner-small.gif") right center no-repeat;
> }
> 
>-// jQuery UI standard tabs
>+/* jQuery UI standard tabs */
> .ui-menu {
>     li {
>         list-style: none;
>@@ -4054,21 +4054,21 @@ td.bundle {
>         border-radius: 4px;
>         border: 3px solid #418940;
> 
>-        fieldset{
>+        fieldset {
>             box-shadow: none;
>         }
>     }
>     .ui-tabs-nav {
>         li {
>             background: #71B443;
>-            border: none;
>+            border: 0;
>             margin-right: .4em;
>             border-radius: 4px 4px 0 0;
> 
>             &.ui-tabs-active, &.ui-state-hover {
>                 background-color: #418940;
>                 border-radius: 4px 4px 0 0;
>-                border: none;
>+                border: 0;
>                 border-bottom-width: 0;
>                 padding-bottom: 0;
> 
>@@ -4088,11 +4088,11 @@ td.bundle {
> 
>     .ui-state-default {
>         a {
>-            color: #fff;
>+            color: #FFFFFF;
> 
>             &:link,
>             &:visited {
>-                color: #fff;
>+                color: #FFFFFF;
>             }
>         }
>     }
>@@ -4125,9 +4125,9 @@ td.bundle {
> 
> .statictabs {
> 
>-    background-color: #fff;
>+    background-color: #FFFFFF;
>     margin-top: 20px;
>-    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
>+    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
>     padding: 20px;
> 
>     h3{
>@@ -4137,7 +4137,7 @@ td.bundle {
>     }
> 
>     td {
>-        border: none;
>+        border: 0;
> 
>         ul {
>             li {
>@@ -4218,19 +4218,19 @@ td.bundle {
>                 padding-bottom: 1px;
> 
>                 background-color: #418940;
>-                border: none;
>+                border: 0;
>                 border-bottom-width: 0;
> 
>                 a {
>                     background: none repeat scroll 0 0 transparent;
>-                    color: #fff;
>+                    color: #FFFFFF;
>                     outline: 0 none;
>                     top: 1px;
>                 }
>             }
> 
>             a {
>-                color: #fff;
>+                color: #FFFFFF;
>                 cursor: pointer;
>                 float: left;
>                 padding: .5em 1em;
>@@ -4261,7 +4261,7 @@ td.bundle {
>             border-radius: 4px;
>             border: 3px solid #418940;
> 
>-            fieldset{
>+            fieldset {
>                 box-shadow: none;
>             }
>         }
>@@ -4391,7 +4391,7 @@ td.bundle {
>     }
> }
> 
>-// jQuery UI Accordion
>+/* jQuery UI Accordion */
> .ui-accordion-header,
> .ui-widget-content .ui-accordion-header {
>     font-size: 110%;
>@@ -4402,7 +4402,7 @@ video {
>     width: 480px;
> }
> 
>-// Bootstrap overrides
>+/* Bootstrap overrides */
> 
> .dropdown-header {
>     border-top: 1px solid #EEE;
>@@ -4425,8 +4425,8 @@ nav {
>         clear: both;
>         margin: 0;
>         position: absolute;
>-        top: 0px;
>-        left: 0px;
>+        top: 0;
>+        left: 0;
> 
>         ol {
>             margin: 0;
>@@ -4445,7 +4445,7 @@ nav {
>                     width: .8em;
>                 }
> 
>-                a:link, a:active, a:hover, a:focus{
>+                a:link, a:active, a:hover, a:focus {
>                     padding: .6em .3em;
>                 }
>             }
>@@ -4458,37 +4458,37 @@ nav {
>     }
> }
> 
>-.navbar{
>+.navbar {
>     background-color: #352C2E;
>     width: 100%;
> }
> 
>-.navbar-header, .collapse{
>+.navbar-header, .collapse {
>     padding-left: 10px;
>     padding-right: 10px;
>     float: left;
> 
>-    a{
>-        color: #fff;
>+    a {
>+        color: #FFFFFF;
>       line-height: 40px;
>     }
> }
> 
>-.navbar-head{
>+.navbar-head {
>     display: block !important;
>     height: auto !important;
> }
> 
> #logo {
>     background: transparent url("../img/UIKit/picto-koha.svg") no-repeat scroll 0%;
>-    margin: .75em 0em .75em 0em;
>+    margin: .75em 0 .75em 0;
>     background-size: 85%;
>     width: 20px;
>     height: 30px;
>     float: left;
>     position: relative;
>-    top: 0px;
>-    left: 0px;
>+    top: 0;
>+    left: 0;
> 
>     a {
>         border: 0;
>@@ -4499,45 +4499,45 @@ nav {
>         text-decoration: none;
>         position: absolute;
>         top: -10px;
>-        left: 0px;
>+        left: 0;
>     }
> }
> 
>-#toplevelmenu{
>+#toplevelmenu {
>     background-color: transparent;
>     box-shadow: none;
>     position: relative;
>-    left: 0px;
>-    top: 0px;
>+    left: 0;
>+    top: 0;
> }
> 
> .navbar-nav {
>     li {
>         list-style: none;
> 
>-        .upper{
>+        .upper {
>             position: relative;
>             bottom: 3px;
>             left: 300px;
>         }
> 
>-        .filteraction{
>+        .filteraction {
>             position: absolute;
>             right: 35px;
>             top: -5px;
>             width: 25px;
>             height: 30px;
>-            border: none;
>+            border: 0;
>             padding-left: 5px;
>             padding-right: 5px;
>             margin: 0;
>             display: inline;
> 
>-            a{
>+            a {
>                 color: #71B443;
>                 vertical-align: middle;
> 
>-                &:hover, &:active{
>+                &:hover, &:active {
>                     background-color: transparent;
>                     text-decoration: none;
>                     color: #71B443;
>@@ -4553,11 +4553,11 @@ nav {
>             background-color: transparent;
>         }
> 
>-        .inactive{
>+        .inactive {
>             display: none;
>         }
> 
>-        #buttonssearch,#header_search{
>+        #buttonssearch,#header_search {
>             padding: 10px;
>             border-radius: 28px;
>             height: 30px;
>@@ -4565,31 +4565,31 @@ nav {
>             z-index: 1;
>         }
> 
>-        #header_search{
>+        #header_search {
>             position: relative;
>-            left: 0px;
>-            top: 0px;
>+            left: 0;
>+            top: 0;
>             width: 500px;
>             display: block;
>             margin: 10px 0;
>         }
> 
>-        #submit, #autocsubmit{
>+        #submit, #autocsubmit {
>             background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
>             position: absolute;
>             min-width: 7px;
>             right: 0;
>-            top: 0px;
>+            top: 0;
>             width: 25px;
>             height: 30px;
>-            border: none;
>+            border: 0;
>             padding-left: 5px;
>             padding-right: 5px;
>             margin: 0;
>             display: inline;
>         }
> 
>-        #header_search{
>+        #header_search {
>             width: 500px;
>         }
> 
>@@ -4605,17 +4605,17 @@ nav {
>             justify-content: space-around;
>             align-items: center;
>             color: white;
>-            box-shadow: 0px 0px 3px 0px #0000004d;
>+            box-shadow: 0 0 3px 0 #0000004d;
> 
>             li {
>                 background: transparent;
>-                border: none;
>+                border: 0;
>                 border-radius: 0;
> 
>                 &.ui-tabs-active, &.ui-state-hover {
>                     background-color: transparent;
>                     border-radius: 4px 4px 0 0;
>-                    border: none;
>+                    border: 0;
>                     border-bottom-width: 0;
>                     padding-bottom: 0;
> 
>@@ -4628,16 +4628,16 @@ nav {
>                 }
>             }
> 
>-            span{
>-                &.name-icon{
>+            span {
>+                &.name-icon {
>                     display: none;
>                 }
> 
>-                &.name-icon:hover, &.name-icon.active{
>+                &.name-icon:hover, &.name-icon.active {
>                     margin-right: 0;
>-                    font-size: 0.85em;
>+                    font-size: .85em;
>                     cursor: text;
>-                    padding: 0.25em;
>+                    padding: .25em;
>                     margin: 0;
>                     display: inline-block;
>                     overflow: hidden;
>@@ -4653,14 +4653,14 @@ nav {
> 
>         .ui-state-default {
>             a {
>-                color: #fff;
>+                color: #FFFFFF;
>                 cursor: pointer;
>                 padding: 3px;
>                 font-size: .9em;
> 
>                 &:link,
>                 &:visited {
>-                    color: #fff;
>+                    color: #FFFFFF;
>                     padding: 3px;
>                     background-color: transparent;
>                 }
>@@ -4675,8 +4675,8 @@ nav {
>                 font-size: .9em;
>                 background-color: transparent;
> 
>-                i{
>-                    border-bottom: 2px solid #fff;
>+                i {
>+                    border-bottom: 2px solid #FFFFFF;
>                     padding-bottom: 2px;
>                 }
>             }
>@@ -4695,11 +4695,11 @@ nav {
>             }
>         }
> 
>-        input{
>+        input {
>             display: none;
> 
>-            &.head-searchbox{
>-                outline-offset: 0px;
>+            &.head-searchbox {
>+                outline-offset: 0;
>                 outline: 1px black;
>                 float: right;
>                 height: 30px;
>@@ -4707,28 +4707,28 @@ nav {
>                 padding-left: 2em;
>                 padding-right: 1.5em;
>                 border: none ;
>-                margin-left: 0px;
>+                margin-left: 0;
>                 position:absolute;
>-                top: 0px;
>+                top: 0;
>                 right: 30px;
>                 z-index	: -2;
>                 display: inline;
>                 letter-spacing: normal;
>                 word-spacing: normal;
>                 text-transform: none;
>-                text-indent: 0px;
>+                text-indent: 0;
>                 text-shadow: none;
>                 text-align: start;
>                 cursor: text;
>                 font: 400 13.3333px Arial;
> 
>-                &::placeholder{
>+                &::placeholder {
>                     font-size: 85%;
>                 }
>             }
> 
>-            &.multi-input{
>-                outline-offset: 0px;
>+            &.multi-input {
>+                outline-offset: 0;
>                 outline: 1px black;
>                 float: right;
>                 height: 30px;
>@@ -4736,27 +4736,27 @@ nav {
>                 padding-left: 2em;
>                 padding-right: 1.5em;
>                 border: none ;
>-                margin-left: 0px;
>+                margin-left: 0;
>                 position:absolute;
>-                top: 0px;
>+                top: 0;
>                 right: 30px;
>                 z-index	: -2;
>                 display: inline;
>                 letter-spacing: normal;
>                 word-spacing: normal;
>                 text-transform: none;
>-                text-indent: 0px;
>+                text-indent: 0;
>                 text-shadow: none;
>                 text-align: start;
>                 cursor: text;
>                 font: 400 13.3333px Arial;
> 
>-                &::placeholder{
>+                &::placeholder {
>                     font-size: 85%;
>                 }
>             }
> 
>-            &.titre{
>+            &.titre {
>                 float: none;
>                 position: relative;
>                 width: 170px;
>@@ -4765,31 +4765,31 @@ nav {
>             }
>         }
> 
>-        #header_search.fold{
>-            width: 0px;
>+        #header_search.fold {
>+            width: 0;
>             opacity: 0;
>             margin: 0;
>             padding: 0;
>         }
> 
>-        #backsearch{
>+        #backsearch {
>             display: none;
>             font-size: 1em;
> 
>         }
> 
>-        #header_search.fold #backsearch{
>+        #header_search.fold #backsearch {
>             display: inline-block;
>             cursor: pointer;
>         }
> 
>-        .description{
>-            opacity: 0.6;
>+        .description {
>+            opacity: .6;
>             max-width: 50em;
>             display: block;
>             width: 100%;
>         }
>-        .description.hidden{
>+        .description.hidden {
>             opacity: 0;
>         }
> 
>@@ -4803,7 +4803,7 @@ nav {
>                     font-size: 13px;
> 
>                     &:hover,
>-                    &:focus{
>+                    &:focus {
>                         background-color: #352C2E;
>                         background-image: none;
>                         text-decoration: underline;
>@@ -4815,52 +4815,52 @@ nav {
>         a {
>             line-height: 40px;
>             overflow: hidden;
>-            color: #fff;
>+            color: #FFFFFF;
> 
>-            &:hover, &:active{
>+            &:hover, &:active {
>                 background-color: #352C2E;
>-                border-bottom: 1px 5px #fff;
>-                color: #fff;
>+                border-bottom: 1px 5px #FFFFFF;
>+                color: #FFFFFF;
>             }
>         }
>     }
> 
>-    ul{
>+    ul {
>         background-color: #352C2E;
>     }
> }
> 
> 
> 
>-#logged-in-menu{
>+#logged-in-menu {
>     position: relative;
>-    left: 0px;
>-    top: 0px;
>+    left: 0;
>+    top: 0;
>     height: 50px;
> 
>-    &:hover{
>+    &:hover {
>         text-decoration: none;
>     }
> }
> 
>-.loggedinusername{
>+.loggedinusername {
>     bottom: 5px;
>     text-decoration: none;
>     position: relative;
>     float: right;
>-    right: 0px;
>+    right: 0;
>     height: 20px;
>     width: 100%;
> }
> 
>-.logged-in-branch-name{
>+.logged-in-branch-name {
>     position: relative;
>-    right: 0px;
>+    right: 0;
>     height: 20px;
>     top: 10px;
>     width: 100%;
> 
>-    &:hover{
>+    &:hover {
>         text-decoration: underline;
>     }
> }
>@@ -4923,7 +4923,7 @@ button,
>     border-radius: 4px;
>     user-select: none;
> 
>-    &.toolbar-btn{
>+    &.toolbar-btn {
>         font-family: 'Poppins', sans-serif;
>         font-weight: normal;
>         text-align: center;
>@@ -4942,31 +4942,31 @@ button,
>         user-select: none;
>         font-size: 105%;
>         background-color: transparent;
>-        border: none;
>+        border: 0;
>         display: inline-block;
>         margin: 5px 10px;
>         color: #696969;
> 
>-        &:hover, &:focus{
>+        &:hover, &:focus {
>             text-decoration: none;
>-            background-color: #dadada;
>+            background-color: #DADADA;
>         }
> 
>-        &:active{
>-            border: none;
>+        &:active {
>+            border: 0;
>         }
> 
>-        &.word{
>+        &.word {
>             margin-right: 0;
>             padding-right: .1em;
>         }
> 
>-        &.arrow{
>+        &.arrow {
>             margin-left: 0;
>             border-radius: 4px;
>             padding-left: .1em;
> 
>-            &:active{
>+            &:active {
>                 border: 1px solid #000;
>                 border-radius: 4px;
>             }
>@@ -5002,38 +5002,38 @@ button,
>         border-radius: 4px;
>         user-select: none;
> 
>-        &:hover{
>+        &:hover {
>             font-weight: bold;
>-            background-color: #f1f1f1;
>+            background-color: #F1F1F1;
>             border: #696969 double 1px;
>             text-decoration: none;
>         }
>     }
> }
> 
>-#merge-patrons{
>+#merge-patrons {
>     padding: 0 25px;
> }
> 
>-#patronlist-menu{
>+#patronlist-menu {
>     padding: 0 25px;
> }
> 
>-.principal{
>+.principal {
>     background-color: #FEC32C;
>     color: #000;
>-    text-shadow: 0 1px 0 #fff;
>-    border: none;
>+    text-shadow: 0 1px 0 #FFFFFF;
>+    border: 0;
>     padding: 6px 25px;
>     background-image: none;
>     margin: 5px;
> 
>     &:hover,
>     &:active,
>-    &:focus{
>+    &:focus {
>         background-color: #fec22c9f;
>         color: #000;
>-        border: none;
>+        border: 0;
>     }
> }
> 
>@@ -5049,7 +5049,7 @@ button,
>     background: #F4F8F9 none;
>     box-shadow: none;
> 
>-    &:hover{
>+    &:hover {
>         background: #e3f1df none;
>     }
> }
>@@ -5313,7 +5313,7 @@ label {
> .modal-content {
>     background-color: rgb(211, 223, 204);
> 
>-    fieldset{
>+    fieldset {
>         box-shadow: none;
>     }
> }
>@@ -5367,7 +5367,7 @@ code {
>     > li {
>         > a {
>             background-color: #71B443;
>-            color: #fff;
>+            color: #FFFFFF;
>             line-height: 1.42857143;
>             margin-right: .4em;
>             padding: .5em 1em;
>@@ -5377,7 +5377,7 @@ code {
>                 border-radius: 4px 4px 0 0;
>                 border: 1px solid #418940;
>                 text-decoration: none;
>-                color: #fff;
>+                color: #FFFFFF;
>             }
>         }
> 
>@@ -5387,7 +5387,7 @@ code {
>             a:focus {
>                 background-color: #418940;
>                 border-radius: 4px 4px 0 0;
>-                color: #fff;
>+                color: #FFFFFF;
>                 cursor: default;
>                 font-weight: bold;
>             }
>@@ -5395,7 +5395,7 @@ code {
>     }
> }
> 
>-// End Bootstrap overrides
>+/* End Bootstrap overrides */
> .waiting {
>     cursor: wait;
> }
>@@ -5466,7 +5466,7 @@ progress {
>     }
> }
> 
>-// Class to be added to toolbar when it starts being fixed at the top of the screen
>+/* Class to be added to toolbar when it starts being fixed at the top of the screen */
> .floating {
>     box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
>     z-index: 100;
>@@ -5981,7 +5981,7 @@ input.renew {
>     padding: 5px 7px;
>     margin: 3px 0 3px 0;
>     border-radius: 5px;
>-    background-color: rgba(0, 0, 0, 0.1);
>+    background-color: rgba(0, 0, 0, .1);
> }
> 
> #stage_list_headings {
>@@ -6053,11 +6053,8 @@ input.renew {
>     span {
>         display: none;
>         font-style: normal;
>-      //  position: absolute;
>-        //top: 10px;
>-        //right: 20px;
> 
>-        &:hover{
>+        &:hover {
>             text-decoration: underline;
>         }
>     }
>@@ -6068,14 +6065,14 @@ input.renew {
> }
> 
> .loggedin-menu-label {
>-    color: #fff;
>+    color: #FFFFFF;
>     font-size: 12px;
>     line-height: 1.42857143;
>     padding: 4px 12px;
>     white-space: nowrap;
> 
>     span {
>-        color: #fff;
>+        color: #FFFFFF;
>         font-weight: bold;
>         left: 15px;
>         top: 0;
>@@ -6089,11 +6086,9 @@ input.renew {
> .lastborrower {
>     background-image: linear-gradient(to left, #418940, #71B443);
>     box-shadow: 1px 1px 1px 0 #999;
>-    color: #fff;
>+    color: #FFFFFF;
>     margin: .4em 0;
>     border-radius: 5px 5px 5px 5px;
>- //   position: absolute;
>-   // right: 50px;
> }
> 
> 
>@@ -6124,38 +6119,38 @@ input.renew {
> 
> #lastborrowerlink {
>     background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
>-    color: #fff;
>+    color: #FFFFFF;
>     padding: .0em .0em .0em 1.3em;
> 
>-    &:hover{
>+    &:hover {
>         text-decoration: underline;
>     }
> }
> 
> /* ==== MODULE LINKS - Start ==== */
> .buttons-list {
>-    // List containing the module links
>+    /* List containing the module links */
>     margin: 30px 0;
>     padding: 0;
>     margin-left: 15px;
> 
>     li {
>-        // Standard attributes for the list elements
>+        /* Standard attributes for the list elements */
>         height: 60px;
>         list-style-type: none;
>         display: table;
>         margin-bottom: 15px;
> 
>         a {
>-            &.menucirc{
>+            &.menucirc {
>                 display: block;
>                 height: 60px;
>                 margin: 5px;
> 
>-                i{
>+                i {
> 
>-                    &.fa{
>-                    color: #fff;
>+                    &.fa {
>+                    color: #FFFFFF;
>                     border-radius: 50%;
>                     background-color: #71B443;
>                     width: 40px;
>@@ -6170,11 +6165,11 @@ input.renew {
>                     border: solid 3px #71B443;
>                     }
> 
>-                    &.fond{
>+                    &.fond {
>                         opacity: 70%;
>                         position: relative;
>                         top: 5px;
>-                        border: none;
>+                        border: 0;
>                         right: 20px;
>                         border-radius: 0;
>                         background-color: transparent;
>@@ -6193,23 +6188,23 @@ input.renew {
>                     color: #000;
>                 }
> 
>-                &:hover, &:active, &:focus{
>+                &:hover, &:active, &:focus {
>                     text-decoration: none;
> 
>                     h1{
>                         color: #418940;
>                     }
> 
>-                    i{
>-                        &.fa{
>+                    i {
>+                        &.fa {
>                             background-color: #418940;
>                             border: solid 3px #418940;
>                         }
>-                        &.fond{
>+                        &.fond {
>                             opacity: 70%;
>                             position: relative;
>                             top: 5px;
>-                            border: none;
>+                            border: 0;
>                             right: 20px;
>                             border-radius: 0;
>                             background-color: transparent;
>@@ -6246,7 +6241,7 @@ input.renew {
>     column-gap: 2em;
> }
> 
>-// ==== MODULE LINKS - End ====
>+/* ==== MODULE LINKS - End ==== */
> 
> #tools_holidays {
>     .radio,
>@@ -6352,7 +6347,7 @@ input.renew {
> }
> 
> #user-menu {
>-    top: 0px;
>+    top: 0;
>     position: absolute;
>     right: 5px;
> }
>-- 
>2.20.1

Actions: View | Diff | Splinter Review

Attachments on bug 30952: 136810 | 136812 | 136813 | 136815 | 136816 | 136818 | 136819 | 136820 | 136822 | 136823 | 136825 | 136827 | 136828 | 136830 | 136831 | 136833 | 136834 | 136836 | 136837 | 136839 | 136840 | 136842 | 136844 | 136845 | 136847 | 136848 | 136878 | 136879 | 136880 | 136881 | 136882 | 136883 | 136884 | 136885 | 136886 | 136887 | 136888 | 136889 | 136890 | 136891 | 136892 | 136893 | 136894 | 136895 | 136896 | 136897 | 136898 | 136899 | 136900 | 136901 | 136902 | 136950 | 136951 | 136952 | 136953 | 136954 | 136955 | 136956 | 136957 | 136958 | 136959 | 136960 | 136961 | 136962 | 136963 | 136964 | 136965 | 136966 | 136967 | 136968 | 136969 | 136970 | 136971 | 136972 | 136973 | 136974 | 137408 | 137409 | 137410 | 137411 | 137414 | 137415 | 137416 | 137417 | 137418 | 137419 | 137420 | 137744 | 137767 | 137768 | 137775 | 137776 | 137994 | 138091 | 138092 | 138093 | 138094 | 138095 | 138096 | 138097 | 138098 | 138099 | 138100 | 138101 | 138102 | 138103 | 138245 | 138246 | 138247 | 138293 | 138299 | 138300 | 138302 | 140117 | 140118 | 140119 | 140120 | 140121 | 140122 | 140123 | 140124 | 140125 | 140126 | 140127 | 140128 | 140129 | 140130 | 140131 | 140132 | 140133 | 140134 | 140135 | 140136 | 140137 | 140138 | 140139 | 140140 | 140141 | 140142 | 140143 | 140371 | 140372 | 140373 | 140374 | 140433 | 140435 | 140459 | 140460 | 140512 | 140513 | 140514 | 140515 | 140516 | 140517 | 140519 | 140520 | 140521 | 140522 | 140523 | 140524 | 140525 | 140526 | 140527 | 140528 | 140529 | 140530 | 140531 | 140532 | 140533 | 140534 | 140535 | 140536 | 140537 | 140538 | 140539 | 140540 | 140541 | 140542 | 140543 | 140544 | 140545 | 140546 | 140547 | 140548 | 140549 | 140550 | 140551 | 140552 | 140553 | 140554 | 140555 | 140556 | 140557 | 140558 | 140559 | 140560 | 140566 | 140567 | 140570 | 140571 | 140575 | 140576 | 140577 | 140588 | 140613 | 140617 | 140618 | 140619 | 140620 | 140628 | 140629 | 140635 | 140649 | 140650 | 140651 | 140652 | 140653 | 140654 | 140658 | 140687 | 140976 | 140977 | 141020 | 141024 | 141026 | 141027 | 141041 | 141043 | 141044 | 141047 | 141052 | 141053 | 141054 | 141055 | 141056 | 141057 | 141064 | 141074 | 141075 | 141631 | 141632 | 141633 | 141634 | 141635 | 141636 | 141637 | 141638 | 141639 | 141640 | 141641 | 141642 | 141643 | 141644 | 141645 | 141646 | 141647 | 141648 | 141649 | 141650 | 141651 | 141652 | 141653 | 141654 | 141655 | 141656 | 141657 | 141658 | 141659 | 141660 | 141661 | 141662 | 141663 | 141664 | 141665 | 141666 | 141667 | 141668 | 141669 | 141670 | 141671 | 141672 | 141673 | 141674 | 141675 | 141676 | 141677 | 141678 | 141679 | 141680 | 141681 | 141682 | 141683 | 141684 | 141685 | 141686 | 141687 | 141688 | 141689 | 141690 | 141691 | 141692 | 141693 | 141694 | 141695 | 141696 | 141697 | 141698 | 141699 | 141700 | 141701 | 141702 | 141703 | 141704 | 141705 | 141706 | 141707 | 141708 | 141709 | 141710 | 141711 | 141712 | 141713 | 142604 | 142605