@availity/favorites
Version:
Favorite Heart for favoriting items such as links/resources etc.
80 lines (78 loc) • 1.6 kB
CSS
/* esbuild-sass-plugin:css-chunk:src/FavoriteHeart.module.scss */
._screenReaderOnly_d12e7_1 {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
._root_d12e7_13 {
height: 1.5rem;
width: 1.5rem;
min-height: 1.5rem;
min-width: 1.5rem;
position: relative;
}
._input_d12e7_21 {
-webkit-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
height: 1.5rem;
width: 1.5rem;
min-height: 1.5rem;
min-width: 1.5rem;
display: block;
border-radius: 0.25rem;
}
._root_d12e7_13:hover ._input_d12e7_21 {
background-color: #e8ebeb;
}
._disabled_d12e7_38._root_d12e7_13:hover ._input_d12e7_21 {
background-color: transparent;
}
._icons_d12e7_42 {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
._icon_d12e7_42 {
height: 1.125rem;
width: 1.125rem;
}
._spinner_d12e7_59 {
animation-name: _spin_d12e7_59;
animation-duration: 3000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes _spin_d12e7_59 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* esbuild-sass-plugin:css-chunk:src/components/FavoritesTooltip/FavoritesTooltip.module.scss */
._arrow_1r76w_1 {
fill: #30383f;
}
._content_1r76w_5 {
background-color: #30383f;
color: #ffffff;
max-width: 20rem;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
font-size: 0.75rem;
}