Lint warnings

SpareBank1 · Mar 20, 2017 · c881e4b · c881e4b
1 parent db34025
commit c881e4b
Show file tree

Hide file tree

Showing 12 changed files with 51 additions and 47 deletions.
diff --git a/less/checkbox.less b/less/checkbox.less
@@ -17,7 +17,7 @@
         margin-right: 20px;
     }
 
-    &:before {
+    &::before {
         border: solid 2px @ffe-grey;
         border-radius: 2px;
         content: '';
@@ -32,7 +32,7 @@
         background-color: @ffe-white;
     }
 
-    &:after {
+    &::after {
         transform: scaleX(-1) rotate(180deg + -45deg);
         transform-origin: left top;
         border-right: 3px solid transparent;
@@ -52,45 +52,45 @@
     opacity: 0;
     cursor: pointer;
 
-    &:checked + .ffe-checkbox:before,
-    &:hover + .ffe-checkbox:before,
-    &:focus + .ffe-checkbox:before,
-    &:active + .ffe-checkbox:before {
+    &:checked + .ffe-checkbox::before,
+    &:hover + .ffe-checkbox::before,
+    &:focus + .ffe-checkbox::before,
+    &:active + .ffe-checkbox::before {
         outline: none;
     }
 
-    &:hover + .ffe-checkbox:before {
+    &:hover + .ffe-checkbox::before {
         border-color: @ffe-blue-royal-light-wcag;
     }
 
-    &:active + .ffe-checkbox:before,
-    &:focus + .ffe-checkbox:before {
+    &:active + .ffe-checkbox::before,
+    &:focus + .ffe-checkbox::before {
         box-shadow: 0 0 0 2px @ffe-blue-focus;
     }
 
-    &:checked + .ffe-checkbox:before {
+    &:checked + .ffe-checkbox::before {
         border-color: @ffe-blue-royal-light-wcag;
         background-color: @ffe-white;
     }
 
-    &:focus + .ffe-checkbox:before {
+    &:focus + .ffe-checkbox::before {
         box-shadow: 0 0 0 2px @ffe-blue-focus;
     }
 
-    &:checked + .ffe-checkbox:after {
+    &:checked + .ffe-checkbox::after {
         animation: checkmark 0.4s;
         border-color: @ffe-blue-royal-light-wcag;
     }
 }
 
 @keyframes checkmark {
     0% {
-      height: 0;
-      width: 6px;
+        height: 0;
+        width: 6px;
     }
 
     50% {
-      height: 11px;
-      width: 6px;
+        height: 11px;
+        width: 6px;
     }
 }
diff --git a/less/field-error-message.less b/less/field-error-message.less
@@ -5,7 +5,7 @@
         display: none;
     }
 
-    &:before:extend(.ffe-field-info-message:before) {
+    &::before:extend(.ffe-field-info-message::before) {
         content: '!';
         background-color: @ffe-orange-wcag;
     }

diff --git a/less/field-info-message.less b/less/field-info-message.less
@@ -8,7 +8,7 @@
         display: none;
     }
 
-    &:before {
+    &::before {
         content: 'i';
         color: @ffe-white;
         background-color: @ffe-blue-royal;

diff --git a/less/field-success-message.less b/less/field-success-message.less
@@ -5,7 +5,7 @@
         display: none;
     }
 
-    &:before:extend(.ffe-field-info-message:before) {
+    &::before:extend(.ffe-field-info-message::before) {
         content: '\2713';
         background-color: @ffe-green-wcag;
     }

diff --git a/less/form.less b/less/form.less
@@ -26,5 +26,5 @@
 select,
 textarea,
 input:not([type="radio"]):not([type="checkbox"]) {
-  appearance: none;
+    appearance: none;
 }
diff --git a/less/input-field.less b/less/input-field.less
@@ -14,7 +14,8 @@
         border-color: @ffe-blue-royal-light-wcag;
     }
 
-    &:focus, &:active {
+    &:focus,
+    &:active {
         border-color: @ffe-blue-royal-light-wcag;
         box-shadow: 0 0 0 2px @ffe-blue-focus;
         outline: none;

diff --git a/less/radio-block.less b/less/radio-block.less
@@ -14,7 +14,7 @@
         background-color: @ffe-white;
         cursor: pointer;
 
-        &:before {
+        &::before {
             .ffe-sb1-radioblob();
 
             left: 20px;
@@ -30,8 +30,8 @@
     }
 
     &__wrapper {
-            padding: 20px 20px 30px;
-            cursor: auto;
+        padding: 20px 20px 30px;
+        cursor: auto;
 
         &--empty {
             padding: 0;
@@ -63,7 +63,7 @@
         }
     }
 
-    &:checked + .ffe-radio-block__content:before {
+    &:checked + .ffe-radio-block__content::before {
         .ffe-sb1-radioblob-active();
     }
 

diff --git a/less/radio-button.less b/less/radio-button.less
@@ -14,7 +14,7 @@
         margin-right: 20px;
     }
 
-    &:before {
+    &::before {
         content: '';
         background-color: @ffe-white;
         border: 2px solid @ffe-grey;
@@ -27,7 +27,7 @@
         top: 3px;
     }
 
-    &:after {
+    &::after {
         content: '';
         border: 2px solid transparent;
         width: 20px;
@@ -41,32 +41,32 @@
 }
 
 .ffe-radio-input {
-    &:checked + .ffe-radio-button:before,
-    &:hover + .ffe-radio-button:before,
-    &:focus + .ffe-radio-button:before,
-    &:active + .ffe-radio-button:before {
+    &:checked + .ffe-radio-button::before,
+    &:hover + .ffe-radio-button::before,
+    &:focus + .ffe-radio-button::before,
+    &:active + .ffe-radio-button::before {
         outline: none;
     }
 
-    &:hover + .ffe-radio-button:before {
+    &:hover + .ffe-radio-button::before {
         border-color: @ffe-blue-royal-light-wcag;
     }
 
-    &:active + .ffe-radio-button:before,
-    &:focus + .ffe-radio-button:before {
+    &:active + .ffe-radio-button::before,
+    &:focus + .ffe-radio-button::before {
         border-color: @ffe-blue-focus;
     }
 
-    &:checked + .ffe-radio-button:before {
+    &:checked + .ffe-radio-button::before {
         background-color: @ffe-blue-royal-light-wcag;
         border: 5px solid @ffe-white;
     }
 
-    &:checked + .ffe-radio-button:after {
+    &:checked + .ffe-radio-button::after {
         border-color: @ffe-blue-royal-light-wcag;
     }
 
-    &:focus + .ffe-radio-button:before {
+    &:focus + .ffe-radio-button::before {
         box-shadow: 0 0 0 2px @ffe-blue-focus;
     }
 }
diff --git a/less/radio-input.less b/less/radio-input.less
@@ -1,4 +1,4 @@
 .ffe-radio-input {
-  position: absolute;
-  opacity: 0;
+    position: absolute;
+    opacity: 0;
 }
diff --git a/less/radio-switch.less b/less/radio-switch.less
@@ -14,11 +14,11 @@
     box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
     margin-bottom: 5px;
 
-    &:before {
-      .ffe-sb1-radioblob();
+    &::before {
+        .ffe-sb1-radioblob();
 
-      left: 12px;
-      top: 8px;
+        left: 12px;
+        top: 8px;
     }
 
     @media screen and (min-width: @breakpoint-sm) {
@@ -41,7 +41,7 @@
         border-color: @ffe-blue-focus;
     }
 
-    &:checked + .ffe-radio-switch:before {
+    &:checked + .ffe-radio-switch::before {
         .ffe-sb1-radioblob-active();
     }
 }
diff --git a/less/textarea.less b/less/textarea.less
@@ -13,7 +13,8 @@
         border-color: @ffe-blue-royal-light-wcag;
     }
 
-    &:focus, &:active {
+    &:focus,
+    &:active {
         border-color: @ffe-blue-royal-light-wcag;
         box-shadow: 0 0 0 2px @ffe-blue-focus;
         outline: none;

diff --git a/less/tooltip.less b/less/tooltip.less
@@ -18,7 +18,8 @@
         vertical-align: middle;
         width: @ffe-tooltip-size;
 
-        &:hover, &:focus {
+        &:hover,
+        &:focus {
             border-color: @ffe-blue-royal-light-wcag;
         }
 
@@ -27,7 +28,8 @@
             outline: none;
         }
 
-        &:active, &--active {
+        &:active,
+        &--active {
             border-color: @ffe-blue-royal;
             color: @ffe-blue-royal;
         }