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

Версия от 22:48, 19 сентября 2024

{{{1}}}

@@ Строка 1: / Строка 1: @@
-<div class="modern-title" style="color:{{{color|#fff}}};font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1.5rem)}}};margin:{{{margin|40px 0 20px 0}}};><span style="padding:{{{padding|0 60px}}};width:{{{width|none}}};>{{{1}}}</span>
+<div class="modern-title" style="font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1.7rem)}}};color:{{{color|#fff}}};margin:{{{margin|1.25em 0 0.7em 0}}};><span class="custom-heading" style="padding:{{{padding|0 3%}}};width:{{{width|none}}};>{{{1}}}</span></div><h3></h3><!--
-</div>
-<!-- Не изменяемый CSS -->
+-->{{#css:
-<div class="customCSS" style="display:none">
 .modern-title {
 	position: relative;
@@ Строка 16: / Строка 15: @@
 	content: "";
 	flex-grow: 1;
-	height: 3px;
+	height: 4px;
-	background-color: {{{background-color|#9F2828}}};
+	background-color: {{{background-color|#363649}}};
 }
 .modern-title::before {
 	margin-right: 10px;
 }
 .modern-title::after {
 	margin-left: 10px;
 }
 .modern-title span {
-	background-color: {{{background-color|#9F2828}}};
+	background-color: {{{background-color|#363649}}};
 	border-radius: 5px;
-	min-width: clamp(50px, 12vw, 200px);
+	min-width: clamp(50px, 20vw, 300px);
+	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5);
+}
+@media (max-width: 600px) {
+	.modern-title span {
+		width: 100% !important;
+		padding: 0 !important;
+	}
+	.modern-title::before {
+		margin-right: 0;
+	}
+	.modern-title::after {
+		margin-left: 0;
+	}
 }
-</div>
+}}