forked from localnetwork/bootstrap4-responsive-tabs
/
responsive-tabs.css
47 lines (45 loc) · 1.13 KB
/
responsive-tabs.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
46
47
/**
** Created by: http://github.com/localnetwork/
*/
@media (min-width: 768px) {
.responsive-tabs .dropdown-arrow {
display: none;
}
}
@media screen and (max-width: 767px) {
.responsive-tabs {
position: relative;
border: 1px solid #ccc;
}
.responsive-tabs li {
width: 100%;
margin: 0 !important;
}
.responsive-tabs li > a {
display: none;
border: 0 !important;
border-radius: 0 !important;
margin-bottom: 0 !important;
}
.responsive-tabs.open li > a, .responsive-tabs li > a.active {
display: block;
}
.responsive-tabs .dropdown-arrow {
position: absolute;
top: 15px;
right: 15px;
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
vertical-align: middle;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: all ease .5s;
cursor: pointer;
}
.responsive-tabs.open .dropdown-arrow {
transform: rotate(-135deg);
transition: all ease .5s;
}
}