Mercurial > wikked

comparison static/bootstrap/less/dropdowns.less @ 88:a5a3d454eac9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updated Bootstrap.
author Ludovic Chabant <ludovic@chabant.com>
date Fri, 05 Apr 2013 08:08:12 -0700
parents 130eccd396d8
children d29e2f337b00
comparison
equal deleted inserted replaced
87:c0cf67362fb1 88:a5a3d454eac9
70 .divider { 70 .divider {
71 .nav-divider(@dropdownDividerTop, @dropdownDividerBottom); 71 .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
72 } 72 }
73 73
74 // Links within the dropdown menu 74 // Links within the dropdown menu
75 li > a { 75 > li > a {
76 display: block; 76 display: block;
77 padding: 3px 20px; 77 padding: 3px 20px;
78 clear: both; 78 clear: both;
79 font-weight: normal; 79 font-weight: normal;
80 line-height: @baseLineHeight; 80 line-height: @baseLineHeight;
81 color: @dropdownLinkColor; 81 color: @dropdownLinkColor;
82 white-space: nowrap; 82 white-space: nowrap;
83 } 83 }
84 } 84 }
85 85
86 // Hover state 86 // Hover/Focus state
87 // ----------- 87 // -----------
88 .dropdown-menu li > a:hover, 88 .dropdown-menu > li > a:hover,
89 .dropdown-menu li > a:focus, 89 .dropdown-menu > li > a:focus,
90 .dropdown-submenu:hover > a { 90 .dropdown-submenu:hover > a,
91 .dropdown-submenu:focus > a {
91 text-decoration: none; 92 text-decoration: none;
92 color: @dropdownLinkColorHover; 93 color: @dropdownLinkColorHover;
93 #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%)); 94 #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
94 } 95 }
95 96
96 // Active state 97 // Active state
97 // ------------ 98 // ------------
98 .dropdown-menu .active > a, 99 .dropdown-menu > .active > a,
99 .dropdown-menu .active > a:hover { 100 .dropdown-menu > .active > a:hover,
101 .dropdown-menu > .active > a:focus {
100 color: @dropdownLinkColorActive; 102 color: @dropdownLinkColorActive;
101 text-decoration: none; 103 text-decoration: none;
102 outline: 0; 104 outline: 0;
103 #gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%)); 105 #gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));
104 } 106 }
105 107
106 // Disabled state 108 // Disabled state
107 // -------------- 109 // --------------
108 // Gray out text and ensure the hover state remains gray 110 // Gray out text and ensure the hover/focus state remains gray
109 .dropdown-menu .disabled > a, 111 .dropdown-menu > .disabled > a,
110 .dropdown-menu .disabled > a:hover { 112 .dropdown-menu > .disabled > a:hover,
113 .dropdown-menu > .disabled > a:focus {
111 color: @grayLight; 114 color: @grayLight;
112 } 115 }
113 // Nuke hover effects 116 // Nuke hover/focus effects
114 .dropdown-menu .disabled > a:hover { 117 .dropdown-menu > .disabled > a:hover,
118 .dropdown-menu > .disabled > a:focus {
115 text-decoration: none; 119 text-decoration: none;
116 background-color: transparent; 120 background-color: transparent;
117 background-image: none; // Remove CSS gradient 121 background-image: none; // Remove CSS gradient
118 .reset-filter(); 122 .reset-filter();
119 cursor: default; 123 cursor: default;