Issues:
1.hidden-animated {
2 visibility: hidden;
3}
4
5.animated.delay-100ms {
6 -webkit-animation-delay: 100ms;
7 animation-delay: 100ms;
8}
9
10.animated.delay-200ms {
11 -webkit-animation-delay: 200ms;
12 animation-delay: 200ms;
13}
14
15.animated.delay-500ms {
16 -webkit-animation-delay: 500ms;
17 animation-delay: 500ms;
18}
19
20.themeisle-animations-control__popover:not( .is-mobile ).is-bottom {
21 z-index: 9999999;
22}
23
24.themeisle-animations-control__popover .components-popover__content {
25 overflow-y: hidden;
26}
27
28.themeisle-animations-control__popover .components-popover__content .components-menu-group {
29 padding: 7px;
30}
31
32.themeisle-animations-control__popover .components-popover__content .components-popover__items {
33 max-height: 300px;
34 overflow-y: auto;
35}
36
37.themeisle-animations-control__popover .components-popover__content .components-popover__items button.is-selected {
38 background: #f8f9f9;
39}
40
41.themeisle-animations-control__popover .components-popover__content .components-popover__items .themeisle-animations-control__category {
42 font-weight: bold;
43}
44
45.themeisle-animations-control__popover .components-popover__content .components-popover__items button i {
46 margin-right: 5px;
47}
48
49.themeisle-animations-control .components-dropdown {
50
display: flex;
51}
52
53.themeisle-animations-control .themeisle-animations-control__button {
54 background: transparent;
55 position: relative;
56 width: 100%;
57 height: auto;
58 line-height: 28px;
59 padding: 0 12px 2px;
60 box-shadow: 0 0 0 transparent;
61 transition: box-shadow 0.1s linear;
62 border-radius: 4px;
63 border: 1px solid #8d96a0;
64}
65
66.themeisle-animations-control .themeisle-animations-control__button.is-button {
67 background: transparent;
68}
69
70.themeisle-animations-control .themeisle-animations-control__button:hover {
71 background: #fafafa;
72 border-color: #999;
73 box-shadow: inset 0 -1px 0 #999;
74 color: #23282d;
75 text-decoration: none;
76}
77
78.themeisle-animations-control .themeisle-animations-control__button:focus {
79 border: 1px solid black;
80}
81
82.themeisle-animations-control .themeisle-animations-control__button:after {
83 content: "";
84 pointer-events: none;
85 display: block;
86 width: 0;
87 height: 0;
88 border-left: 3px solid transparent;
89 border-right: 3px solid transparent;
90 border-top: 5px solid currentColor;
91 margin-left: 4px;
92 margin-right: 2px;
93 right: 8px;
94 top: 12px;
95 position: absolute;
96}
97
98@media ( max-width: 782px ) {
99 .themeisle-animations-control .themeisle-animations-control__button {
100 padding: 5px 24px 5px 8px;
101 }
102
103 .themeisle-animations-control .themeisle-animations-control__button:after {
104 top: 16px;
105 }
106}