app/assets/stylesheets/devise.css.scss in leather-0.0.7 vs app/assets/stylesheets/devise.css.scss in leather-0.0.8
- old
+ new
@@ -1,59 +1,54 @@
// Remove the rounded corners by uncommenting this line:
// $border-radius-base: 0px;
@import 'bootstrap';
-$white: #fff;
+$white: #FFFFFF;
$devise-bg-gradient-start: #355069;
$devise-bg-gradient-end: #5E7A9B;
$devise-box-border-color: #6ED5E4;
html, body {
height: 100%;
}
+.text-white { color: $white; }
+
.devise_sessions, .devise_registrations, .devise_passwords {
&.new, &.create {
- @extend .devise-gradient-bg;
- @extend .devise-box;
+ @extend .devise;
}
}
+
.devise_passwords.edit {
- @extend .devise-gradient-bg;
- @extend .devise-box;
+ @extend .devise;
}
-.text-white { color: $white; }
-
-.devise-gradient-bg {
+.devise {
@include gradient-vertical($devise-bg-gradient-start, $devise-bg-gradient-end);
background-attachment: fixed !important;
-}
-
-.devise-welcome {
- @extend .text-center;
- @extend .text-white;
- text-shadow: 1px 1px 3px $gray-dark;
- padding: 50px 0 20px 0;
- h2 {
- margin-bottom: 50px;
- a {
- color: $white;
- text-decoration: none;
- @include transition(color 0.25s linear);
- &:hover {
- color: darken($white, 20%);
+ .devise-welcome {
+ @extend .text-center;
+ @extend .text-white;
+ text-shadow: 1px 1px 3px $gray-dark;
+ padding: 50px 0 20px 0;
+ h2 {
+ margin-bottom: 50px;
+ a {
+ @extend .text-white;
+ text-decoration: none;
+ @include transition(color 0.25s linear);
+ &:hover {
+ color: darken($white, 20%);
+ }
}
}
+ h2, h3 {
+ font-weight: lighter;
+ }
}
- h2, h3 {
- font-weight: lighter;
- }
-}
-
-.devise-box {
form {
@include border-top-radius($border-radius-base);
@include border-bottom-radius($border-radius-base);
border: 1px solid $white;
background: $white;
@@ -71,17 +66,17 @@
.actions {
@extend .text-center;
padding-top: 30px;
}
}
+ .devise-links {
+ @extend .text-center;
+ @extend .text-white;
+ margin-top: 20px;
+ margin-bottom: 70px;
+ a {
+ text-decoration: underline;
+ @extend .text-white;
+ }
+ }
}
-.devise-links {
- @extend .text-center;
- @extend .text-white;
- margin-top: 20px;
- margin-bottom: 70px;
- a {
- text-decoration: underline;
- color: $white;
- }
-}
\ No newline at end of file