Commit c7a908ca authored by Thomas Park's avatar Thomas Park
Browse files

paper: fix styling of forms in navbar, closes #511

parent 913f54b9
......@@ -20,13 +20,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
}
&-inverse {
.form-control {
color: #fff;
@include placeholder($navbar-inverse-link-color);
.navbar-form {
&[type=text],
&[type=password] {
input[type=text],
input[type=password] {
color: #fff;
@include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color);
@include placeholder($navbar-inverse-link-color);
&:focus {
@include box-shadow(inset 0 -2px 0 #fff);
......
......@@ -6805,26 +6805,27 @@ button.close {
.navbar-brand {
font-size: 24px;
}
.navbar-inverse .form-control {
.navbar-inverse .navbar-form input[type=text],
.navbar-inverse .navbar-form input[type=password] {
color: #fff;
-webkit-box-shadow: inset 0 -1px 0 #b2dbfb;
box-shadow: inset 0 -1px 0 #b2dbfb;
}
.navbar-inverse .form-control::-moz-placeholder {
.navbar-inverse .navbar-form input[type=text]::-moz-placeholder,
.navbar-inverse .navbar-form input[type=password]::-moz-placeholder {
color: #b2dbfb;
opacity: 1;
}
.navbar-inverse .form-control:-ms-input-placeholder {
.navbar-inverse .navbar-form input[type=text]:-ms-input-placeholder,
.navbar-inverse .navbar-form input[type=password]:-ms-input-placeholder {
color: #b2dbfb;
}
.navbar-inverse .form-control::-webkit-input-placeholder {
.navbar-inverse .navbar-form input[type=text]::-webkit-input-placeholder,
.navbar-inverse .navbar-form input[type=password]::-webkit-input-placeholder {
color: #b2dbfb;
}
.navbar-inverse .form-control[type=text],
.navbar-inverse .form-control[type=password] {
-webkit-box-shadow: inset 0 -1px 0 #b2dbfb;
box-shadow: inset 0 -1px 0 #b2dbfb;
}
.navbar-inverse .form-control[type=text]:focus,
.navbar-inverse .form-control[type=password]:focus {
.navbar-inverse .navbar-form input[type=text]:focus,
.navbar-inverse .navbar-form input[type=password]:focus {
-webkit-box-shadow: inset 0 -2px 0 #ffffff;
box-shadow: inset 0 -2px 0 #ffffff;
}
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -20,13 +20,13 @@
}
&-inverse {
.form-control {
color: #fff;
.placeholder(@navbar-inverse-link-color);
.navbar-form {
&[type=text],
&[type=password] {
input[type=text],
input[type=password] {
color: #fff;
.box-shadow(inset 0 -1px 0 @navbar-inverse-link-color);
.placeholder(@navbar-inverse-link-color);
&:focus {
.box-shadow(inset 0 -2px 0 #fff);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment