Шаблон:ModernButton: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<div class="modern-button noExternal" style="--background-color:{{{background-color|#40404d}}}>{{#if:{{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|Шаблон:ModernButton}}}|<span class="StupidButton"></span>]]}}
+<div class="modern-button noExternal brightness-overlay" style="--background-color:{{{background-color|#40404d}}}>{{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }}
 <div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|{{{pixel|64x64px}}}]]</div>
 <div class="modern-button__content"><span class="modern-button__title">{{{text|Мышь-Пышь}}}</span>{{#if:{{{subtext|Самая прожорливая мышь на вики}}}|<em class="modern-button__subtext">{{{subtext|Самая прожорливая мышь на вики}}}</em>}}
@@ Строка 14: / Строка 14: @@
      overflow: hidden;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
-}
+     transition: all 0.01s;
-.modern-button::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: var(--background-color);
-    z-index: 1;
-     transition: filter 0.01s;
 }
 .modern-button__image {
+    position: relative;
      display: flex;
      align-items: center;
      padding: 4px;
      box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
-    z-index: 2;
 }
 .modern-button__content {
+    position: relative;
      display: flex;
      flex-direction: column;
@@ Строка 44: / Строка 34: @@
      padding: 8px 10px;
      background: #00000037;
-    z-index: 2;
 }
@@ Строка 56: / Строка 45: @@
      font-size: 0.8em;
 }
-}}<!--
+}}
---><div class="customCSS" style="display:none">
-.modern-button:hover::before {
-    filter: brightness(103.5%);
-}
-</div>