Commit 49688d39 authored by Bryce Johnson's avatar Bryce Johnson

Add third box shadow to validation focus, for depth.

parent 2c7a1af6
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
p { p {
font-size: 13px; font-size: 13px;
} }
.login-box { .login-box, .omniauth-container {
box-shadow: 0 0 0 1px $border-color; box-shadow: 0 0 0 1px $border-color;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
...@@ -79,24 +79,6 @@ ...@@ -79,24 +79,6 @@
background: transparent; background: transparent;
} }
.form-control {
font-size: 14px;
padding: 10px 8px;
width: 100%;
height: auto;
&.top {
border-radius: 5px 5px 0 0;
margin-bottom: 0;
}
&.bottom {
border-radius: 0 0 5px 5px;
border-top: 0;
margin-bottom: 20px;
}
}
// Styles the glowing border of focused input for username async validation // Styles the glowing border of focused input for username async validation
.login-body { .login-body {
font-size: 13px; font-size: 13px;
...@@ -110,7 +92,7 @@ ...@@ -110,7 +92,7 @@
border: 1px solid $green-normal; border: 1px solid $green-normal;
&:focus { &:focus {
box-shadow: 0 0 0 1px $green-normal inset, 0 0 4px 0 $green-normal; box-shadow: 0 0 0 1px $green-normal inset, 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px 0 $green-normal;
border: 0 none; border: 0 none;
} }
} }
...@@ -119,8 +101,7 @@ ...@@ -119,8 +101,7 @@
border: 1px solid $red-normal; border: 1px solid $red-normal;
&:focus { &:focus {
opacity: .6; box-shadow: 0 0 0 1px $red-normal inset, 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px 0 rgba(210, 40, 82, 0.6);
box-shadow: 0 0 0 1px $red-normal inset, 0 0 4px 0 $red-normal;
border: 0 none; border: 0 none;
} }
} }
...@@ -140,8 +121,15 @@ ...@@ -140,8 +121,15 @@
} }
} }
}
.new-session-tabs { // Are these being applied to other login-related screens? They need to be. .omniauth-container {
p {
margin: 0;
}
}
.new-session-tabs {
display: -webkit-flex;
display: flex; display: flex;
box-shadow: 0 0 0 1px $border-color; box-shadow: 0 0 0 1px $border-color;
border-top-right-radius: 2px; border-top-right-radius: 2px;
...@@ -151,10 +139,6 @@ ...@@ -151,10 +139,6 @@
flex: 1; flex: 1;
text-align: center; text-align: center;
&.middle {
border-top: 0;
margin-bottom: 0;
border-radius: 0;
&:last-of-type { &:last-of-type {
border-left: 1px solid $border-color; border-left: 1px solid $border-color;
} }
...@@ -204,7 +188,7 @@ ...@@ -204,7 +188,7 @@
input[type="submit"] { input[type="submit"] {
@extend .btn-block; @extend .btn-block;
margin-bottom: 0px; margin-bottom: 0;
} }
.devise-errors { .devise-errors {
......
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