mirror of
https://github.com/nextcloud/server.git
synced 2026-10-28 15:15:54 +01:00
nextcloud-command
f3e8639db8
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2 lines
2.1 KiB
CSS
2 lines
2.1 KiB
CSS
.app-icon[data-v-08487c47]{--app-icon-circle-size: calc(var(--default-grid-baseline) * 12);--app-icon-icon-size: calc(var(--app-icon-circle-size) * 7 / 12);--app-icon-bevel: inset 0 -1px 0 0 color-mix(in srgb, var(--color-primary-element-light), 10% var(--color-primary-element)), inset 0 -4px 6px -4px color-mix(in srgb, var(--color-primary-element-light), 16% var(--color-primary-element));box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:var(--app-icon-circle-size);height:var(--app-icon-circle-size);min-height:var(--app-icon-circle-size);border-radius:50%;transform:scale(var(--app-icon-scale, 1));transition:transform var(--animation-quick) ease-out;background-color:var(--color-primary-element-light);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary-element-light),15% var(--color-main-background)) 0%,var(--color-primary-element-light) 100%);box-shadow:var(--app-icon-bevel)}@media(prefers-color-scheme:dark){.app-icon[data-v-08487c47]{--app-icon-bevel: none}}@media(prefers-reduced-motion:reduce){.app-icon[data-v-08487c47]{transition:none}}.app-icon__img[data-v-08487c47]{width:var(--app-icon-icon-size);height:var(--app-icon-icon-size);background-color:var(--color-primary-element);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary-element),28% var(--color-primary-element-light)) 0%,var(--color-primary-element) 100%);mask:var(--app-icon-url) center/contain no-repeat}@media(forced-colors:active){.app-icon__img[data-v-08487c47]{background-color:CanvasText;background-image:none}}.app-icon--outlined[data-v-08487c47]{background:transparent;background-image:none;box-shadow:inset 0 0 0 2px var(--color-border)}.app-icon--outlined .app-icon__img[data-v-08487c47]{background-color:var(--color-text-maxcontrast);background-image:none}[data-themes*=dark] .app-icon{--app-icon-bevel: none}[data-themes*=light] .app-icon{--app-icon-bevel: inset 0 -1px 0 0 color-mix(in srgb, var(--color-primary-element-light), 10% var(--color-primary-element)), inset 0 -4px 6px -4px color-mix(in srgb, var(--color-primary-element-light), 16% var(--color-primary-element))}
|