current
Line | |
---|
1 | .login-content { |
---|
2 | background-image: url("@{path-img}/back-01.jpg"); |
---|
3 | background-position: center; |
---|
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.