app/assets/stylesheets/semantic-ui/elements/_input.scss in semantic-ui-sass-2.1.4.0 vs app/assets/stylesheets/semantic-ui/elements/_input.scss in semantic-ui-sass-2.1.6.0
- old
+ new
@@ -1,7 +1,7 @@
/*!
- * # Semantic UI 2.1.4 - Input
+ * # Semantic UI 2.1.6 - Input
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2015 Contributors
* Released under the MIT license
@@ -40,11 +40,11 @@
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
text-align: left;
line-height: 1.2142em;
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
padding: 0.67861429em 1em;
- background: #ffffff;
+ background: #FFFFFF;
border: 1px solid rgba(34, 36, 38, 0.15);
color: rgba(0, 0, 0, 0.87);
border-radius: 0.28571429rem;
-webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
transition: box-shadow 0.1s ease, border-color 0.1s ease;
@@ -90,11 +90,11 @@
---------------------*/
.ui.input input:active,
.ui.input.down input {
border-color: rgba(0, 0, 0, 0.3);
- background: #fafafa;
+ background: #FAFAFA;
color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
/*--------------------
@@ -135,12 +135,12 @@
Focus
---------------------*/
.ui.input.focus input,
.ui.input input:focus {
- border-color: #85b7d9;
- background: #ffffff;
+ border-color: #85B7D9;
+ background: #FFFFFF;
color: rgba(0, 0, 0, 0.8);
box-shadow: none;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus::-webkit-input-placeholder {
@@ -158,13 +158,13 @@
/*--------------------
Error
---------------------*/
.ui.input.error input {
- background-color: #fff6f6;
- border-color: #e0b4b4;
- color: #9f3a38;
+ background-color: #FFF6F6;
+ border-color: #E0B4B4;
+ color: #9F3A38;
box-shadow: none;
}
/* Error Placeholder */
.ui.input.error input::-webkit-input-placeholder {
@@ -218,11 +218,11 @@
padding-right: 0em !important;
}
/* Transparent Inverted */
.ui.transparent.inverted.input {
- color: #ffffff;
+ color: #FFFFFF;
}
.ui.transparent.inverted.input input {
color: inherit;
}
.ui.transparent.inverted.input input::-webkit-input-placeholder {
@@ -325,11 +325,11 @@
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
- border-left-color: #85b7d9;
+ border-left-color: #85B7D9;
}
/* Regular Label on Right */
.ui[class*="right labeled"].input input {
border-top-right-radius: 0px !important;
@@ -339,11 +339,11 @@
.ui[class*="right labeled"].input input + .label {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input input:focus {
- border-right-color: #85b7d9 !important;
+ border-right-color: #85B7D9 !important;
}
/* Corner Label */
.ui.labeled.input .corner.label {
top: 1px;
@@ -427,11 +427,11 @@
border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}
/* Input Focus */
.ui.action.input:not([class*="left action"]) input:focus {
- border-right-color: #85b7d9 !important;
+ border-right-color: #85B7D9 !important;
}
/* Button on Left */
.ui[class*="left action"].input > input {
border-top-left-radius: 0px !important;
@@ -449,10 +449,10 @@
border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
/* Input Focus */
.ui[class*="left action"].input > input:focus {
- border-left-color: #85b7d9 !important;
+ border-left-color: #85B7D9 !important;
}
/*--------------------
Inverted
---------------------*/