current
Rev | Line | |
---|
[5cbc4a0] | 1 | .login-content { |
---|
| 2 | background-image: url("@{path-img}/back-01.jpg"); |
---|
[0fbc805] | 3 | background-position: center; |
---|
[5cbc4a0] | 4 | background-size: cover; |
---|
| 5 | display: flex; |
---|
| 6 | justify-content: center; |
---|
| 7 | align-items: center; |
---|
| 8 | min-height: calc(100vh - 98px); |
---|
| 9 | padding: 1em 0; |
---|
| 10 | |
---|
| 11 | |
---|
| 12 | form{ |
---|
| 13 | max-width: 380px; |
---|
| 14 | background-color: fadeout(@color-main, 40%); |
---|
| 15 | border-radius: 6px; |
---|
| 16 | padding: 2em 1.5em; |
---|
| 17 | div { |
---|
| 18 | margin-bottom: 1.5em; |
---|
| 19 | } |
---|
| 20 | } |
---|
| 21 | |
---|
| 22 | label { |
---|
| 23 | color: @color-main-light; |
---|
| 24 | } |
---|
| 25 | a { |
---|
| 26 | color: @color-main-light; |
---|
| 27 | font-size: 13px; |
---|
| 28 | text-decoration: none; |
---|
| 29 | margin-right: .75em; |
---|
| 30 | &:hover { |
---|
| 31 | color: white; |
---|
| 32 | } |
---|
| 33 | } |
---|
| 34 | |
---|
| 35 | .button { |
---|
| 36 | transition: all 500ms ease-in-out; |
---|
| 37 | background-color: @color-app; |
---|
| 38 | color: white; |
---|
| 39 | text-transform: uppercase; |
---|
| 40 | &:hover { |
---|
| 41 | background-color: darken(@color-app, 10%); |
---|
| 42 | } |
---|
| 43 | } |
---|
| 44 | |
---|
| 45 | .message { |
---|
| 46 | padding: .5em; |
---|
| 47 | margin: 0; |
---|
| 48 | text-align: center; |
---|
| 49 | .font-size(13); |
---|
| 50 | &.message-error{ |
---|
| 51 | color: white; |
---|
| 52 | background-color: red; |
---|
| 53 | } |
---|
| 54 | } |
---|
| 55 | } |
---|
| 56 | |
---|
| 57 | /* |
---|
| 58 | .login-remember { |
---|
| 59 | color: @color-main-medium; |
---|
| 60 | .font-size(14); |
---|
| 61 | text-decoration: none; |
---|
| 62 | font-weight: 300; |
---|
| 63 | &:hover{ |
---|
| 64 | color: @color-main-light; |
---|
| 65 | } |
---|
| 66 | } |
---|
| 67 | <a class="login-remember" href="#">Forgot your password?</a> |
---|
| 68 | */ |
---|
Note: See
TracBrowser
for help on using the repository browser.