View File | Revision Log | Show Annotations | Download File | View Changeset
/hippo/hippo-cms7/cms/branches/cms-restyling/api/src/main/styling/less/_hippo_menu.less
Revision: 47768
Committed: Mon Dec 22 23:54:00 2014 UTC (6 years, 11 months ago) by abogaart
File size: 1880 byte(s)
Log Message:
CMS7-8595: No wrap in dropdown menu items

File Contents

# Content
1 /*
2 * Copyright 2014 Hippo B.V. (http://www.onehippo.com)
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17 // Don't think this is used
18 .menu-spacer {
19 width: 80px;
20 }
21
22 .hippo-toolbar-menu-item {
23 background-color: @hippo-menu-bgcolor;
24 min-width: 156px;
25 font-size: unit(@hippo-menu-fontsize, px);
26
27 li {
28 clear: left;
29 margin-right: 0;
30
31 .hippo-toolbar-menu-item-button {
32 display: block;
33 width: auto;
34 padding: 6px 12px;
35 white-space: nowrap;
36 }
37
38 &:first-of-type .hippo-toolbar-menu-item-button {
39 padding-top: 12px;
40 }
41
42 &:last-of-type .hippo-toolbar-menu-item-button {
43 padding-bottom: 12px;
44 }
45
46 // enabled item
47 a.hippo-toolbar-menu-item-button {
48 white-space: nowrap;
49 text-decoration: none;
50 color: @hippo-menu-enabled-color;
51 }
52
53 // enabled item hover
54 &:hover a.hippo-toolbar-menu-item-button {
55 color: @hippo-menu-enabled-hover-color;
56 background-color: @hippo-menu-enabled-hover-bgcolor;
57 }
58
59 // disabled item
60 span.hippo-toolbar-menu-item-button {
61 color: @hippo-menu-disabled-color;
62 }
63
64 .hippo-toolbar-menu-item-button-icon {
65 display: inline-flex;
66 position: relative;
67 top: 1px;
68 padding-right: 6px;
69 }
70
71 .hippo-toolbar-menu-item-button-label {
72 position: relative;
73 top: -2px;
74 }
75 }
76 }