assets/stylesheets/semantic_ui/definitions/collections/form.less in less-rails-semantic_ui-2.2.2.0 vs assets/stylesheets/semantic_ui/definitions/collections/form.less in less-rails-semantic_ui-2.2.3.0
- old
+ new
@@ -95,10 +95,11 @@
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
+.ui.form input[type="file"],
.ui.form input[type="url"] {
width: @inputWidth;
vertical-align: top;
}
@@ -116,10 +117,11 @@
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
+.ui.form input[type="file"],
.ui.form input[type="url"] {
font-family: @inputFont;
margin: 0em;
outline: none;
-webkit-appearance: none;
@@ -381,10 +383,11 @@
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
+.ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus {
color: @inputFocusColor;
border-color: @inputFocusBorderColor;
border-radius: @inputFocusBorderRadius;
background: @inputFocusBackground;
@@ -469,10 +472,11 @@
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
+.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
@@ -482,10 +486,11 @@
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
+.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"] {
background: @formErrorBackground;
border-color: @formErrorBorder;
color: @formErrorColor;
border-radius: @inputErrorBorderRadius;
@@ -501,10 +506,11 @@
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus {
background: @inputErrorFocusBackground;
border-color: @inputErrorFocusBorder;
color: @inputErrorFocusColor;
@@ -598,11 +604,12 @@
.ui.form .disabled.field,
.ui.form .field :disabled {
pointer-events: none;
opacity: @disabledOpacity;
}
-.ui.form .field.disabled label {
+.ui.form .field.disabled > label,
+.ui.form .fields.disabled > label {
opacity: @disabledLabelOpacity;
}
.ui.form .field.disabled :disabled {
opacity: 1;
}
@@ -613,11 +620,11 @@
---------------*/
.ui.loading.form {
position: relative;
cursor: default;
- point-events: none;
+ pointer-events: none;
}
.ui.loading.form:before {
position: absolute;
content: '';
top: 0%;
@@ -726,9 +733,10 @@
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
+.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="url"] {
background: @invertedInputBackground;
border-color: @invertedInputBorderColor;
color: @invertedInputColor;
box-shadow: @invertedInputBoxShadow;