Also, don't do field styles for buttons since you'll generally want mw-ui-button style instead.
Change-Id: I0bd69950cd07925268933c495c4e0fe0f07eef57
background-image: -moz-linear-gradient(top, #dcdcdc, #c9c9c9);
background-image: -o-linear-gradient(top, #dcdcdc, #c9c9c9);
background-image: linear-gradient(top, #dcdcdc, #c9c9c9);
- color: #4a4a4a;
+ color: black;
text-shadow: 0 1px 1px rgba(201, 201, 201, 0.3);
border: 1px solid #c4c4c4;
-webkit-border-radius: 3px;
margin: 0;
width: 100%;
}
-/* line 34, sourcefiles/scss/components/default/_forms.scss */
-.mw-ui-vform > div input {
+/* line 36, sourcefiles/scss/components/default/_forms.scss */
+.mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]) {
outline: 0;
border-style: solid;
border-width: 1px;
padding: 0.35em 0 0.35em 0.5em;
}
/* line 12, sourcefiles/scss/mixins/_forms.scss */
-.mw-ui-vform > div input:focus {
+.mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus {
box-shadow: #4091ed 0px 0px 5px;
border-color: #4091ed;
}
background-image: -moz-linear-gradient(top, #dcdcdc, #c9c9c9);
background-image: -o-linear-gradient(top, #dcdcdc, #c9c9c9);
background-image: linear-gradient(top, #dcdcdc, #c9c9c9);
- color: #4a4a4a;
+ color: black;
text-shadow: 0 1px 1px rgba(201, 201, 201, 0.3);
border: 1px solid #c4c4c4;
-webkit-border-radius: 3px;
margin: 0;
width: 100%;
}
-/* line 34, sourcefiles/scss/components/default/_forms.scss */
-.mw-ui-vform > div input {
+/* line 36, sourcefiles/scss/components/default/_forms.scss */
+.mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]) {
outline: 0;
border-style: solid;
border-width: 1px;
padding: 0.35em 0 0.35em 0.5em;
}
/* line 12, sourcefiles/scss/mixins/_forms.scss */
-.mw-ui-vform > div input:focus {
+.mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus {
box-shadow: #4091ed 0px 0px 5px;
border-color: #4091ed;
}
width: 100%;
}
- input {
+ // We exclude these because they'll generally use mw-ui-button.
+ // Otherwise, we'll unintentionally override that.
+ input:not([type=button]):not([type=submit]):not([type=file]), {
@include agora-field-styling; // mixins/_forms.scss
}
@include vertical-gradient(lighten($baseColor, 7.5%), $baseColor);
@if $baseColor == $agoraGray {
- color: darken($baseColor, 50%);
+ color: black;
@include text-shadow(0 1px 1px rgba($baseColor, 0.3));
} @else {
color: white;