govuk_tech_docs 3.3.1 → 3.4.5

data/node_modules/govuk-frontend/govuk/components/input/_index.scss

@@ -34,12 +34,19 @@
       // here as it is already used for the yellow focus state.
       box-shadow: inset 0 0 0 $govuk-border-width-form-element;
 
-      @include govuk-if-ie8 {
+      @include _govuk-if-ie8 {
         // IE8 doesn't support `box-shadow` so double the border with
         // `border-width`.
         border-width: $govuk-border-width-form-element * 2;
       }
     }
+
+    &:disabled {
+      opacity: .5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
   }
 
   .govuk-input::-webkit-outer-spin-button,
@@ -60,6 +67,11 @@
     }
   }
 
+  .govuk-input--extra-letter-spacing {
+    @include govuk-font(false, $tabular: true);
+    letter-spacing: .05em;
+  }
+
   // em measurements are based on the point size of the typeface
   // Extra space is added on the right hand side to allow for the Safari prefill icon
 
@@ -161,7 +173,7 @@
       border-bottom: 0;
     }
     @include govuk-media-query($from: mobile) {
-      @include govuk-not-ie8 {
+      @include _govuk-not-ie8 {
         border-right: 0;
       }
     }
@@ -173,7 +185,7 @@
       border-top: 0;
     }
     @include govuk-media-query($from: mobile) {
-      @include govuk-not-ie8 {
+      @include _govuk-not-ie8 {
         border-left: 0;
       }
     }