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