Шаблон:Emoji/styles.css: различия между версиями
Aylong (обсуждение | вклад) Новая страница: «.autowiki-emoji { aspect-ratio: 1 / 1; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; background-color: var(--color-second-fill); border: var(--border-classic); border-radius: var(--border-radius-small); width: 100%; } .autowiki-emoji-key { overflow-wrap: anywhere; line-height: 1; margin-top: 0.33rem; padding: 0 0.33em; }» |
Aylong (обсуждение | вклад) мНет описания правки |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
.autowiki-emoji { | .autowiki-emoji { | ||
aspect-ratio: 1 / 1; | aspect-ratio: 1 / 1; | ||
position: relative; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | |||
justify-content: center; | |||
background-color: var(--color-second-fill); | background-color: var(--color-second-fill); | ||
border: var(--border-classic); | border: var(--border-classic); | ||
border-radius: var(--border-radius-small); | border-radius: var(--border-radius-small); | ||
width: 100%; | width: 100%; | ||
} | |||
.autowiki-emoji .tgui-clipboard-button { | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
background-color: transparent; | |||
color: var(--color-text-translucent) !important; | |||
border-radius: 0 var(--border-radius-small); | |||
box-shadow: none; | |||
transition-property: background-color, color; | |||
} | |||
.autowiki-emoji .tgui-clipboard-button:hover { | |||
background-color: var(--color-bg-hover); | |||
color: var(--color-text) !important; | |||
} | |||
.autowiki-emoji .tgui-clipboard-button.copied { | |||
color: var(--color-green) !important; | |||
} | } | ||
.autowiki-emoji-key { | .autowiki-emoji-key { | ||
content-visibility: hidden; | |||
} | } | ||
Текущая версия от 17:54, 18 мая 2025
.autowiki-emoji {
aspect-ratio: 1 / 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: var(--color-second-fill);
border: var(--border-classic);
border-radius: var(--border-radius-small);
width: 100%;
}
.autowiki-emoji .tgui-clipboard-button {
position: absolute;
top: 0;
right: 0;
background-color: transparent;
color: var(--color-text-translucent) !important;
border-radius: 0 var(--border-radius-small);
box-shadow: none;
transition-property: background-color, color;
}
.autowiki-emoji .tgui-clipboard-button:hover {
background-color: var(--color-bg-hover);
color: var(--color-text) !important;
}
.autowiki-emoji .tgui-clipboard-button.copied {
color: var(--color-green) !important;
}
.autowiki-emoji-key {
content-visibility: hidden;
}