currentfeature/docs
Last change
on this file since 816820d was
816820d,
checked in by Segundo Fdez <segun.2@…>, 5 years ago
|
Start to organize css structure. Added fake img for login
|
-
Property mode set to
100644
|
File size:
1.9 KB
|
Line | |
---|
1 | |
---|
2 | /* logo |
---|
3 | ---------------------------------------------------------------------- */ |
---|
4 | .logo { |
---|
5 | font-size: 24px; |
---|
6 | line-height: 1em; |
---|
7 | font-weight: 800; |
---|
8 | text-transform: uppercase; |
---|
9 | margin: 0; |
---|
10 | span{ |
---|
11 | transition: all 250ms ease-in-out; |
---|
12 | } |
---|
13 | &:hover{ |
---|
14 | span{ |
---|
15 | color: var(--color-app); |
---|
16 | } |
---|
17 | } |
---|
18 | } |
---|
19 | .logo-open { |
---|
20 | display: block; |
---|
21 | color: var(--color-app); |
---|
22 | } |
---|
23 | .logo-work, |
---|
24 | .logo-outs { |
---|
25 | color: var(--color-app-light); |
---|
26 | } |
---|
27 | |
---|
28 | |
---|
29 | |
---|
30 | |
---|
31 | .login-content { |
---|
32 | background-image: url("../../media/img/back-01.jpg"); |
---|
33 | background-size: cover; |
---|
34 | display: flex; |
---|
35 | justify-content: center; |
---|
36 | align-items: center; |
---|
37 | height: 85vh; |
---|
38 | padding: 1em 0; |
---|
39 | /* |
---|
40 | background-blend-mode: multiply; |
---|
41 | background-color: var(--color-app); |
---|
42 | */ |
---|
43 | } |
---|
44 | |
---|
45 | /* Provisional */ |
---|
46 | .message { |
---|
47 | padding: .5em; |
---|
48 | margin: 0; |
---|
49 | text-align: center; |
---|
50 | font-size: 13; |
---|
51 | &.message-error{ |
---|
52 | color: white; |
---|
53 | background-color: red; |
---|
54 | } |
---|
55 | } |
---|
56 | form{ |
---|
57 | width: 100%; |
---|
58 | max-width: 350px; |
---|
59 | } |
---|
60 | |
---|
61 | legend { |
---|
62 | display: none; |
---|
63 | } |
---|
64 | |
---|
65 | fieldset { |
---|
66 | border: none; |
---|
67 | background-color: var(--color-main-medium); |
---|
68 | border-radius: 6px; |
---|
69 | padding: 2em; |
---|
70 | >div { |
---|
71 | margin-bottom: 1.5em; |
---|
72 | } |
---|
73 | } |
---|
74 | input { |
---|
75 | width: 100%; |
---|
76 | padding: .5em .75em; |
---|
77 | border: 1px solid transparent; |
---|
78 | border-radius: 2px; |
---|
79 | &:focus{ |
---|
80 | border-color: var(--color-app); |
---|
81 | } |
---|
82 | } |
---|
83 | |
---|
84 | label { |
---|
85 | display: block; |
---|
86 | font-size: 14; |
---|
87 | color: white; |
---|
88 | margin-bottom: .25em; |
---|
89 | } |
---|
90 | .button { |
---|
91 | transition: all 500ms ease-in-out; |
---|
92 | background-color: var(--color-app); |
---|
93 | color: white; |
---|
94 | margin-bottom: 1em; |
---|
95 | text-transform: uppercase; |
---|
96 | &:hover { |
---|
97 | background-color: darken(var(--color-app), 10%); |
---|
98 | } |
---|
99 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.