-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathrex-clickable-dropdown.css
45 lines (39 loc) · 1.06 KB
/
rex-clickable-dropdown.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/* The container <div> - needed to position the dropdown content */
.rex-cd-dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.rex-cd-dropdown-content {
display: none;
position: absolute;
/*background-color: #f1f1f1;*/
background-color: white;
min-width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 9999;
top: 30px;
}
.rex-cd-dropdown-content-min{
display: none;
position: absolute;
/*background-color: #f1f1f1;*/
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 9999;
}
/* Links inside the dropdown */
.rex-cd-dropdown-content a {
color: black;
/* padding: 12px 16px; */
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
/* .rex-cd-dropdown-content a:hover {background-color: #ddd} */
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.rex-cd-show {display:block;}
@media (max-width: 600px){
.rex-cd-dropdown-content{
min-width: 110px;
}
}