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

@@ Строка 1: / Строка 1: @@
-<div class="gradient-block {{{class}}}">
+<div class="gradient-block {{{class}}}"><!--
-<div class="gradient-block__header">
+--><div class="gradient-block__header">
-{{{header|}}}
+{{{header|header}}}
-</div>
+</div><!--
-<div class="gradient-block__body no-margin-edges short-scrollbar">
+--><div class="gradient-block__body no-margin-edges short-scrollbar">
-{{{body|}}}
+{{{body|body}}}
-</div>
+</div><!--
-</div>
+-->{{#if: {{{sub-body|}}} | <div class="gradient-block__sub-body no-margin-edges">
-{{#css:
+{{{sub-body|sub-body}}}
-.gradient-block {
+</div>}}<!--
-    display: inline-flex;
-    flex-direction: column;
-    border: 1px solid #41414d;
-    border-radius: 0.2em;
-}
-.gradient-block__header {
+--></div><!--
-    padding: 6px;
-    background: linear-gradient(120deg, #31313b, #27272f);
-    text-align: left;
-    display: grid;
-    grid-template-columns: 1fr auto;
-    gap: 6px;
-    border-radius: 0.2em 0.2em 0 0;
-}
-.gradient-block__product-and-info-text {
+--><templatestyles src="GradientBlock/styles.css" />
-    display: grid;
-    gap: 4px;
-}
-.gradient-block__body {
-    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -3px 5px rgba(0, 0, 0, 0.3);
-    background: #232329;
-    flex-grow: 2;
-    border-radius: 0 0 0.2em 0.2em;
-    padding: 6px;
-    position: relative;
-    font-size: 14px;
-}
-}}