Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit ccc66b0

Browse files
accgitaccgit
committed
Update
1 parent 666db8d commit ccc66b0

5 files changed

+50
-43
lines changed

‎src/css/style.dropdown.css

-37
Original file line numberDiff line numberDiff line change
@@ -11,27 +11,10 @@
1111
.dropdown .employ-toggle { text-decoration: none; }
1212
.dropdown .employ-toggle.click {
1313
border-radius: 30px;
14-
transition: all 0.1s ease-in-out;
1514
font-size: 14px;
1615
padding: 2px 12px;
1716
}
1817

19-
.dropdown.light .employ-toggle.click {
20-
color: #acacac;
21-
}
22-
23-
.dropdown.light .employ-toggle.click:hover {
24-
background-color: white;
25-
}
26-
27-
.dropdown.dark .employ-toggle.click {
28-
color: #acacac;
29-
}
30-
31-
.dropdown.dark .employ-toggle.click:hover {
32-
background-color: white;
33-
}
34-
3518
.dropdown ul.expand-dropdown {
3619
list-style: none;
3720
margin-top: 5px;
@@ -62,23 +45,3 @@
6245
display: block;
6346
padding: 3px 10px;
6447
}
65-
66-
.dropdown.light ul.expand-dropdown li a {
67-
background-color: rgb(242, 242, 242);
68-
color: #808080;
69-
}
70-
71-
.dropdown.light ul.expand-dropdown li a:hover {
72-
background-color: rgb(248, 248, 248);
73-
color: #494949;
74-
}
75-
76-
.dropdown.dark ul.expand-dropdown li a {
77-
background-color: rgb(29, 34, 44);
78-
color: #9197a1;
79-
}
80-
81-
.dropdown.dark ul.expand-dropdown li a:hover {
82-
background-color: rgb(39, 48, 63);
83-
color: white;
84-
}

‎src/css/style.dropdown.dark.css

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
/*
3+
dark theme dropdown menu
4+
*/
5+
.dropdown .employ-toggle.click {
6+
transition: all 0.1s ease-in-out;
7+
color: #acacac;
8+
}
9+
10+
.dropdown .employ-toggle.click:hover {
11+
background-color: #f2f2f2;
12+
}
13+
14+
.dropdown ul.expand-dropdown li a {
15+
background-color: rgb(29, 34, 44);
16+
color: #9197a1;
17+
}
18+
19+
.dropdown ul.expand-dropdown li a:hover {
20+
background-color: rgb(39, 48, 63);
21+
color: white;
22+
}

‎src/css/style.dropdown.light.css

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
/*
3+
dark theme dropdown menu
4+
*/
5+
.dropdown .employ-toggle.click {
6+
transition: all 0.1s ease-in-out;
7+
color: #acacac;
8+
}
9+
10+
.dropdown .employ-toggle.click:hover {
11+
background-color: #f2f2f2;
12+
}
13+
14+
.dropdown ul.expand-dropdown li a {
15+
background-color: rgb(242, 242, 242);
16+
color: #737373;
17+
}
18+
19+
.dropdown ul.expand-dropdown li a:hover {
20+
background-color: rgb(248, 248, 248);
21+
color: #3c3c3c;
22+
}

‎src/css/style.dropdown.min.css

-1
This file was deleted.

‎src/index.html

+6-5
Original file line numberDiff line numberDiff line change
@@ -7,30 +7,31 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<title>CSS UI - Dropdown menu</title>
99

10-
<!-- CSS styles -->
10+
<!-- css styles -->
1111
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
1212
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
1313
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&amp;subset=latin-ext">
1414
<link rel="stylesheet" href="https://css-ui.github.io/css/cssui.min.css">
1515
<link rel="stylesheet" href="css/style.dropdown.css">
16+
17+
<!-- css dropdown theme -->
18+
<link rel="stylesheet" href="css/style.dropdown.light.css">
19+
<!--<link rel="stylesheet" href="css/style.dropdown.dark.css">-->
1620
<style>
1721
body {
1822
font-family: 'Open Sans', sans-serif;
1923
}
2024
</style>
2125
</head>
2226
<body>
23-
<!--
24-
sample page
25-
-->
2627
<div class="container" style="width: 600px; padding-top: 50px;">
2728
<h2>CSS UI - Dropdown menu</h2>
2829
<div class="clear">
2930
<div class="float left">Click to menu</div>
3031
<div class="float left">
3132

3233
<!-- dropdown menu -->
33-
<div class="dropdown light">
34+
<div class="dropdown">
3435

3536
<!-- dropdown menu click -->
3637
<div class="clear">

0 commit comments

Comments
 (0)