@zohodesk/a11y
Version:
In this Package, We Provide Some Basic Components For Accessibility.
37 lines • 792 B
CSS
.container
{
top: 10px;
position: absolute;
background: #fff;
padding: 16px 10px;
left: 50%;
z-index: 999;
border-radius: 3px;
box-shadow: 0 3px 30px var(--zdt_dropbox_default_box_shadow);
transform: translateX(-50%);
max-width: 50%;
}
.list {
--listitem_padding: 10px 20px 10px;
font-size: 16px;
border-radius: 8px;
}
.list:hover, .highlight {
--listitem_text_color: var(--zdt_cta_primary_text);
--listitem_bg_color: var(--zdt_cta_primary_light_bg);
}
.focused {
position: relative;
}
.focused::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
outline: 2px solid var(--lib_a11y_focusScope_focus_border) ;
outline-offset: -2px ;
z-index: 2;
pointer-events: none;
}