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

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

← Предыдущая правка

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

@@ Строка 1: / Строка 1: @@
 {{#switch: {{{2|}}}
-|h1|#default = <h1 class="modern-title__h1" style="--background-color:{{{background-color|#31313f}}};color:{{{color|#dddddd}}};margin:{{{margin|1.25em 0 0.7em 0}}};><span>{{{1}}}</span></h1>
+|h1|#default = <h1 class="modern-title__h1" style="--background-color:{{{background-color|{{{bg|var(--theme-bg-color-300)}}}}}};color:{{{color|var(--theme-text-color-header)}}};margin:{{{margin|1.25em 0 0.7em 0}}};>{{{1}}}</h1>
-|h2          = <h2 class="modern-title__h2" style="--background-color:{{{background-color|linear-gradient(90deg, #b2b2ff1b -40%, #ffffff00 100%)}}};color:{{{color|#dddddd}}};margin:{{{margin|1.25em 0 0.5em}}};><span>{{{1}}}</span></h2>
+|h2          = <h2 class="modern-title__h2" style="--background-color:{{{background-color|{{{bg|linear-gradient(90deg, var(--theme-bg-color-300) -50%, transparent 130%)}}}}}};color:{{{color|var(--theme-text-color-header)}}};margin:{{{margin|28px 0 12px}}};>{{{1}}}</h2>
-|h3          = <h3 class="modern-title__h3" style="color:{{{color|#dddddd}}};margin:{{{margin|1.2em 0 0.7em 0}}};><span>{{{1}}}</span></h3>
+|h3          = <h3 class="modern-title__h3" style="color:{{{color|var(--theme-text-color-header)}}};margin:{{{margin|1.1em 0 0.5em}}};>{{{1}}}</h3>
-|h4          = <div class="modern-title__h4" style="color:{{{color|#dddddd}}};margin:{{{margin|1.2em 0 0.7em 0}}};font-size:0.95rem>'''{{{1}}}'''</div>
+|h4          = <div class="modern-title__h4" style="color:{{{color|var(--theme-text-color-header)}}};margin:{{{margin|1.1em 0 0.5em}}};font-size:0.95rem>'''{{{1}}}'''</div>
 }}<!--
@@ Строка 9: / Строка 9: @@
 <!-- Заголовок h1 -->
 .modern-title__h1 .mw-headline {
-     min-width: clamp(50px, 20vw, 300px);
+     min-width: 250px;
      padding: 2px 3%;
-     font-size: clamp(1.4rem, 2.5vw, 1.5rem);
+     font-size: 1.5rem;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
@@ Строка 23: / Строка 23: @@
 }
 .modern-title__h1::after {
-     background: linear-gradient(90deg, var(--background-color) 85%, #ffffff00);
+     background: linear-gradient(90deg, var(--background-color) 85%, transparent);
      margin-left: 10px;
 }
 .modern-title__h1::before {
-     background: linear-gradient(270deg, var(--background-color) 85%, #ffffff00);
+     background: linear-gradient(270deg, var(--background-color) 85%, transparent);
 	margin-right: 10px;
 }
@@ Строка 39: / Строка 39: @@
 @media (max-width: 600px) {
 	.modern-title__h1 .mw-headline {
-		width: 100% !important;
+		width: 100%;
-		padding: 0 !important;
+		padding: 0;
 	}
 	.modern-title__h1::before {
 		margin-right: 0;
+        display: none;
 	}
 	.modern-title__h1::after {
 		margin-left: 0;
+        display: none;
 	}
 }
@@ Строка 69: / Строка 71: @@
 <!-- Заголовок h2 -->
 .modern-title__h2 {
-     font-size: 1.15rem !important;
+     font-size: 1.2em !important;
      font-weight: bold !important;
-     padding: 6px 8px;
+     padding: 6px 8px !important;
      background: var(--background-color);
      border-radius: 0.2em;
@@ Строка 85: / Строка 87: @@
 <!-- Заголовок h3 -->
 .modern-title__h3 {
-     font-size: 1.1rem !important;
+     font-size: 1.15em !important;
      font-weight: bold !important;
 }