8000 Update · css-ui/css-ui.github.io@148f29a · GitHub
[go: up one dir, main page]
Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 148f29a

Browse files
accgitaccgit
committed
Update
1 parent 7bdde3f commit 148f29a

13 files changed

+1108
-961
lines changed

‎dropdown.menu/dark.html

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="cs">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>CSS UI - Dropdown menu</title>
7+
8+
<!-- css -->
9+
<link rel="stylesheet" href="../www/css/cssui-dropdown.min.css">
10+
<link rel="stylesheet" href="../www/css/cssui-dropdown-dark.min.css">
11+
<style>
12+
body {
13+
font-family: 'Open Sans', sans-serif;
14+
margin-top: 25px;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<div class="row">
20+
<div class="three columns">
21+
<div class="dropdown">
22+
23+
<!-- dropdown menu click -->
24+
<div class="clear">
25+
<a class="employ-toggle click float right" href="#">
26+
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
27+
</a>
28+
</div>
29+
30+
<!-- show/hide menu -->
31+
<ul class="expand-dropdown">
32+
<li><a href="#" class="top">One</a></li>
33+
<li><a href="#">Two</a></li>
34+
<li><a href="#" class="bottom">Three</a></li>
35+
</ul>
36+
</div>
37+
</div>
38+
</div>
39+
40+
<!-- javascript libraries and plugins -->
41+
<script src="../www/js/main.min.js"></script>
42+
<script>
43+
$(function() {
44+
$('.employ-toggle').on('click', function() {
45+
var dropdown = '.expand-dropdown';
46+
$(dropdown).fadeToggle('fast');
47+
$(dropdown).on('click', function(e) {
48+
var target = e.target;
49+
var employ = '.employ-toggle';
50+
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
51+
$(dropdown).hide();
52+
}
53+
});
54+
});
55+
});
56+
</script>
57+
</body>
58+
</html>

‎dropdown.menu/light.html

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="cs">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>CSS UI - Dropdown menu</title>
7+
8+
<!-- css -->
9+
<link rel="stylesheet" href="../www/css/cssui-dropdown.min.css">
10+
<link rel="stylesheet" href="../www/css/cssui-dropdown-light.min.css">
11+
<style>
12+
body {
13+
font-family: 'Open Sans', sans-serif;
14+
margin-top: 25px;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<div class="row">
20+
<div class="three columns">
21+
<div class="dropdown">
22+
23+
<!-- dropdown menu click -->
24+
<div class="clear">
25+
<a class="employ-toggle click float right" href="#">
26+
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
27+
</a>
28+
</div>
29+
30+
<!-- show/hide menu -->
31+
<ul class="expand-dropdown">
32+
<li><a href="#" class="top">One</a></li>
33+
<li><a href="#">Two</a></li>
34+
<li><a href="#" class="bottom">Three</a></li>
35+
</ul>
36+
</div>
37+
</div>
38+
</div>
39+
40+
<!-- javascript libraries and plugins -->
41+
<script src="../www/js/main.min.js"></script>
42+
<script>
43+
$(function() {
44+
$('.employ-toggle').on('click', function() {
45+
var dropdown = '.expand-dropdown';
46+
$(dropdown).fadeToggle('fast');
47+
$(dropdown).on('click', function(e) {
48+
var target = e.target;
49+
var employ = '.employ-toggle';
50+
if (!$(target).is(employ) && !$(target).parents().is(employ)) {
51+
$(dropdown).hide();
52+
}
53+
});
54+
});
55+
});
56+
</script>
57+
</body>
58+
</html>

‎gruntfile.js

Lines changed: 16 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,19 +10,32 @@ module.exports = function(grunt) {
1010
'node_modules/css-ui-simple/css/cssui.css',
1111
'style.css'
1212
]},
13-
{'www/css/css-ui-menu-demo.min.css': [
13+
{'www/css/cssui-menu-demo.min.css': [
1414
'node_modules/normalize.css/normalize.css',
1515
'node_modules/perfect-scrollbar/css/perfect-scrollbar.css',
1616
'node_modules/font-awesome/css/font-awesome.css',
1717
'node_modules/open-sans-fontface/open-sans.css',
1818
'node_modules/css-ui-simple/css/cssui.css',
1919
'node_modules/css-ui-responsive-menu/css/style.menu.css'
2020
]},
21-
{'www/css/css-ui-menu-light.min.css': [
21+
{'www/css/cssui-menu-light.min.css': [
2222
'node_modules/css-ui-responsive-menu/css/style.menu.light.css'
2323
]},
24-
{'www/css/css-ui-menu-dark.min.css': [
24+
{'www/css/cssui-menu-dark.min.css': [
2525
'node_modules/css-ui-responsive-menu/css/style.menu.dark.css'
26+
]},
27+
{'www/css/cssui-dropdown.min.css': [
28+
'node_modules/normalize.css/normalize.css',
29+
'node_modules/font-awesome/css/font-awesome.css',
30+
'node_modules/open-sans-fontface/open-sans.css',
31+
'node_modules/css-ui-simple/css/cssui.css',
32+
'node_modules/css-ui-dropdown-menu/css/style.dropdown.css'
33+
]},
34+
{'www/css/cssui-dropdown-light.min.css': [
35+
'node_modules/css-ui-dropdown-menu/css/style.dropdown.light.css'
36+
]},
37+
{'www/css/cssui-dropdown-dark.min.css': [
38+
'node_modules/css-ui-dropdown-menu/css/style.dropdown.dark.css'
2639
]}
2740
]
2841
}

0 commit comments

Comments
 (0)
0