Skip to content

Commit 0424d4a

Browse files
authored
Update ultra.css
Added drop-down support
1 parent 6765cb1 commit 0424d4a

File tree

1 file changed

+54
-0
lines changed

1 file changed

+54
-0
lines changed

dist/ultra.css

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -284,3 +284,57 @@ div.ultra-chip img {
284284
.ultra-modal-close {
285285
background: var(--btn-default-color);
286286
}
287+
288+
.ultra-dropdown {
289+
position: relative;
290+
display: inline-block;
291+
}
292+
293+
.ultra-dropdown-btn {
294+
background-color: #2196f3;
295+
color: white;
296+
padding: 12px 16px;
297+
border: none;
298+
border-radius: 6px;
299+
cursor: pointer;
300+
font-size: 1rem;
301+
transition: background-color 0.3s ease;
302+
}
303+
304+
.ultra-dropdown-btn:hover {
305+
background-color: #1976d2;
306+
}
307+
308+
.ultra-dropdown-content {
309+
display: none;
310+
position: absolute;
311+
background-color: #222;
312+
min-width: 160px;
313+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
314+
z-index: 1;
315+
border-radius: 6px;
316+
overflow: hidden;
317+
margin-top: 6px;
318+
}
319+
320+
.ultra-dropdown-content a {
321+
color: white;
322+
padding: 12px 16px;
323+
text-decoration: none;
324+
display: block;
325+
transition: background-color 0.2s ease;
326+
}
327+
328+
.ultra-dropdown-content a:hover {
329+
background-color: #333;
330+
}
331+
332+
.ultra-dropdown.active .ultra-dropdown-content {
333+
display: block;
334+
animation: dropdownFadeIn 0.2s ease;
335+
}
336+
337+
@keyframes dropdownFadeIn {
338+
from { opacity: 0; transform: translateY(-5px); }
339+
to { opacity: 1; transform: translateY(0); }
340+
}

0 commit comments

Comments
 (0)