@@ -37,83 +37,24 @@ CSS light or dark theme for menu. Choose one.
3737<link rel =" stylesheet" href =" path/to/style.menu.dark.css" >
3838```
3939
40- Navigation wrapper.
41-
42- ``` html
43- <div class =" nav" ></div >
44- ```
45-
46- Click show/hide menu for responsive display.
47-
48- ``` html
49- <div class =" nav" >
50- <div class =" click" ></div >
51- </div >
52- ```
53-
54- For title and responsive menu add the sidebar.
55-
56- ``` html
57- <div class =" nav" >
58- <div class =" click" ></div >
59- <div class =" sidebar" ></div >
60- </div >
61- ```
62-
63- Title in sidebar.
40+ Simple menu pattern.
6441
6542``` html
43+ <!-- nav wrapper -->
6644<div class =" nav" >
67- <div class =" click" ></div >
68- <div class =" sidebar" >
69- <div class =" title" >
70- <p >Title in sidebar</p >
71- </div >
72- </div >
73- </div >
74- ```
75-
76- Title and add responsive wrapper.
77-
78- ``` html
79- <div class =" nav" >
80- <div class =" click" ></div >
81- <div class =" sidebar" >
82- <div class =" title" >
83- <p >Title in sidebar</p >
84- </div >
85- <div class =" responsive" ></div >
86- </div >
87- </div >
88- ```
8945
90- Title, responsive wrapper add menu.
91-
92- ``` html
93- <div class =" nav" >
46+ <!-- click show/hide menu -->
9447 <div class =" click" ></div >
9548 <div class =" sidebar" >
96- <div class =" title" >
97- <p >Title in sidebar</p >
98- </div >
99- <div class =" responsive" >
100- <ul class =" menu scrollbar" ></ul >
101- </div >
102- </div >
103- </div >
104- ```
105-
106- Simple menu.
10749
108- ``` html
109- <div class =" nav" >
110- <div class =" click" ></div >
111- <div class =" sidebar" >
50+ <!-- totle for sidebar -->
11251 <div class =" title" >
113- <p >Title in sidebar</p >
52+ <p >Title for sidebar</p >
11453 </div >
11554 <div class =" responsive" >
11655 <ul class =" menu scrollbar" >
56+
57+ <!-- simple menu -->
11758 <li >
11859 <span class =" name" >Simple menu</span >
11960 <ul >
@@ -125,19 +66,31 @@ Simple menu.
12566 </div >
12667 </div >
12768</div >
69+
70+ <!-- content wrapper -->
71+ <div class =" content-wrapper" >
72+ <h1 >Content</h1 >
73+ </div >
12874```
12975
130- Dropdown menu.
76+ Dropdown menu pattern .
13177
13278``` html
79+ <!-- nav wrapper -->
13380<div class =" nav" >
81+
82+ <!-- click show/hide menu -->
13483 <div class =" click" ></div >
13584 <div class =" sidebar" >
85+
86+ <!-- totle for sidebar -->
13687 <div class =" title" >
137- <p >Title in sidebar</p >
88+ <p >Title for sidebar</p >
13889 </div >
13990 <div class =" responsive" >
14091 <ul class =" menu scrollbar" >
92+
93+ <!-- dropdown menu -->
14194 <li >
14295 <span class =" name" >Dropdown menu</span >
14396 <ul >
@@ -156,4 +109,11 @@ Dropdown menu.
156109 </div >
157110 </div >
158111</div >
112+
113+ <!-- content wrapper -->
114+ <div class =" content-wrapper" >
115+ <h1 >Content</h1 >
116+ </div >
159117```
118+
119+ Enjoy the menu.
0 commit comments