app/assets/stylesheets/semantic-ui/elements/_input.scss in semantic-ui-sass-0.0.3 vs app/assets/stylesheets/semantic-ui/elements/_input.scss in semantic-ui-sass-0.8.0.0

- old
+ new

@@ -20,10 +20,12 @@ ---------------------*/ .ui.input { display: inline-block; position: relative; + + color: rgba(0, 0, 0, 0.7); } .ui.input input { width: 100%; font-family: "Helvetica Neue", "Helvetica", Arial; @@ -176,20 +178,21 @@ /*-------------------- Icon ---------------------*/ .ui.icon.input > .icon { + cursor: default; position: absolute; opacity: 0.5; top: 0px; right: 0px; margin: 0em; width: 2.6em; height: 100%; - padding-top: 0.85em; + padding-top: 0.82em; text-align: center; -webkit-border-radius: 0em 0.3125em 0.3125em 0em; -moz-border-radius: 0em 0.3125em 0.3125em 0em; @@ -204,10 +207,13 @@ -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } +.ui.icon.input > .link.icon { + cursor: pointer; +} .ui.icon.input input { padding-right: 3em !important; } .ui.icon.input > .circular.icon { top: 0.35em; @@ -276,28 +282,17 @@ border-bottom-right-radius: 0px !important; border-right: none; } .ui.action.input > .button { display: table-cell; - opacity: 0.9; border-top-left-radius: 0px; border-bottom-left-radius: 0px; - - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; - -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; white-space: nowrap; } .ui.action.input > .button > .icon { display: inline; -} - -.ui.action.input > input:focus ~ .button { - opacity: 1; - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset; - -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset; + vertical-align: top; } /*-------------------- Fluid ---------------------*/ \ No newline at end of file