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;