1 line
5.2 KiB
CSS
1 line
5.2 KiB
CSS
/*! 🌼 daisyUI 5.0.8 - MIT License */ @layer utilities{.avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.avatar-online{&:before{content:"";z-index:1;background-color:var(--color-success);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.avatar-offline{&:before{content:"";z-index:1;background-color:var(--color-base-300);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}@media (width>=640px){.sm\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.sm\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.sm\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.sm\:avatar-online{&:before{content:"";z-index:1;background-color:var(--color-success);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.sm\:avatar-offline{&:before{content:"";z-index:1;background-color:var(--color-base-300);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=768px){.md\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.md\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.md\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.md\:avatar-online{&:before{content:"";z-index:1;background-color:var(--color-success);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.md\:avatar-offline{&:before{content:"";z-index:1;background-color:var(--color-base-300);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1024px){.lg\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.lg\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.lg\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.lg\:avatar-online{&:before{content:"";z-index:1;background-color:var(--color-success);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.lg\:avatar-offline{&:before{content:"";z-index:1;background-color:var(--color-base-300);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1280px){.xl\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.xl\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.xl\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.xl\:avatar-online{&:before{content:"";z-index:1;background-color:var(--color-success);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.xl\:avatar-offline{&:before{content:"";z-index:1;background-color:var(--color-base-300);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1536px){.\32 xl\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.\32 xl\:avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.\32 xl\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.\32 xl\:avatar-online{&:before{content:"";z-index:1;background-color:var(--color-success);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.\32 xl\:avatar-offline{&:before{content:"";z-index:1;background-color:var(--color-base-300);outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}} |