currentfeature/docs
Last change
on this file since 5cbc4a0 was
5cbc4a0,
checked in by Segundo Fdez <segun.2@…>, 5 years ago
|
Update dashboard and login with less.
|
-
Property mode set to
100644
|
File size:
3.2 KB
|
Line | |
---|
1 | .header-content { |
---|
2 | padding:1em 1.5em; |
---|
3 | a{ |
---|
4 | text-decoration: none; |
---|
5 | } |
---|
6 | .description{ |
---|
7 | margin: 0; |
---|
8 | } |
---|
9 | } |
---|
10 | |
---|
11 | |
---|
12 | /* logo ----------------------------------------------------------------------*/ |
---|
13 | .logo { |
---|
14 | .font-size(24); |
---|
15 | line-height: 1em; |
---|
16 | font-weight: 800; |
---|
17 | text-transform: uppercase; |
---|
18 | margin: 0; |
---|
19 | display: inline-block; |
---|
20 | span{ |
---|
21 | transition: all 250ms ease-in-out; |
---|
22 | } |
---|
23 | &:hover{ |
---|
24 | span{ |
---|
25 | color: @color-app; |
---|
26 | } |
---|
27 | } |
---|
28 | } |
---|
29 | .logo-open { |
---|
30 | display: block; |
---|
31 | color: @color-app; |
---|
32 | } |
---|
33 | .logo-work, |
---|
34 | .logo-outs { |
---|
35 | color: @color-app-light; |
---|
36 | } |
---|
37 | |
---|
38 | /* menu navigation -----------------------------------------------------------*/ |
---|
39 | .nav-site{ |
---|
40 | .font-size (13); |
---|
41 | |
---|
42 | ul { |
---|
43 | list-style-type: none; |
---|
44 | padding: 0; |
---|
45 | margin: 0; |
---|
46 | display: flex; |
---|
47 | flex-direction: row; |
---|
48 | justify-content: space-between; |
---|
49 | } |
---|
50 | li{ |
---|
51 | border-left: 1px solid @color-main-light; |
---|
52 | flex-grow: 1; |
---|
53 | text-align: center; |
---|
54 | } |
---|
55 | a{ |
---|
56 | color: @color-main-medium; |
---|
57 | padding: 1.25em; |
---|
58 | display: block; |
---|
59 | &:hover { |
---|
60 | color: @color-main; |
---|
61 | } |
---|
62 | } |
---|
63 | .is-active { |
---|
64 | a { |
---|
65 | color: @color-main; |
---|
66 | } |
---|
67 | } |
---|
68 | } |
---|
69 | |
---|
70 | /* Add workout button with submenu -------------------------------------------*/ |
---|
71 | .add-workout { |
---|
72 | position: relative; |
---|
73 | >a{ |
---|
74 | color: @color-app; |
---|
75 | &:before{ |
---|
76 | content: "+"; |
---|
77 | font-weight: 800; |
---|
78 | .font-size(32); |
---|
79 | line-height: 0; |
---|
80 | position: relative; |
---|
81 | top: 8px; |
---|
82 | } |
---|
83 | span{ |
---|
84 | display: none; |
---|
85 | } |
---|
86 | &:hover{ |
---|
87 | background-color: @color-app; |
---|
88 | color:white; |
---|
89 | } |
---|
90 | } |
---|
91 | &:hover{ |
---|
92 | &:after{ |
---|
93 | content: ""; |
---|
94 | position: absolute; |
---|
95 | background-color: white; |
---|
96 | bottom: -1px; |
---|
97 | width: 100%; |
---|
98 | height: 1px; |
---|
99 | display: block; |
---|
100 | z-index: 20; |
---|
101 | } |
---|
102 | ul{ |
---|
103 | display: inline-block; |
---|
104 | } |
---|
105 | } |
---|
106 | |
---|
107 | /* submenu -------------------------------------------------------------- */ |
---|
108 | ul{ |
---|
109 | display: none; |
---|
110 | flex-direction: column; |
---|
111 | position: absolute; |
---|
112 | background-color: fade(white, 95%); |
---|
113 | right: -1px; |
---|
114 | border: 1px solid @color-main-light; |
---|
115 | width: 153px; |
---|
116 | li{ |
---|
117 | border-left:transparent; |
---|
118 | text-align: left; |
---|
119 | } |
---|
120 | a{ |
---|
121 | &:hover{ |
---|
122 | background-color: @color-main-xtralight; |
---|
123 | } |
---|
124 | } |
---|
125 | } |
---|
126 | } |
---|
127 | |
---|
128 | /* description ---------------------------------------------------------------*/ |
---|
129 | .description { |
---|
130 | .font-size(14); |
---|
131 | font-weight: 300; |
---|
132 | letter-spacing: .025em; |
---|
133 | color: @color-main-medium; |
---|
134 | } |
---|
135 | |
---|
136 | |
---|
137 | /* ------------------------------ STATES ------------------------------------ */ |
---|
138 | |
---|
139 | /* when user is login --------------------------------------------------------*/ |
---|
140 | .is-login { |
---|
141 | .header-content { |
---|
142 | border-bottom: 1px solid @color-main-light; |
---|
143 | display: flex; |
---|
144 | padding: 0em 1.5em; |
---|
145 | justify-content: space-between; |
---|
146 | align-items: center; |
---|
147 | } |
---|
148 | .description { |
---|
149 | .hide; |
---|
150 | } |
---|
151 | .logo-open { |
---|
152 | display: inline-block; |
---|
153 | } |
---|
154 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.