Шаблон:ModernTitle: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 1: | Строка 1: | ||
<div class="modern-title" style="color:{{{color|#fff}}};font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1. | <div class="modern-title" style="color:{{{color|#fff}}};font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1.7rem)}}};margin:{{{margin|1.25em 0 0.5em 0}}};><span style="padding:{{{padding|0 60px}}};width:{{{width|none}}};>{{{1}}}</span> | ||
</div> | </div> | ||
<!-- Не изменяемый CSS --> | <!-- Не изменяемый CSS --> | ||
| Строка 11: | Строка 11: | ||
font-family: 'Montserrat', sans-serif; | font-family: 'Montserrat', sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5); | |||
} | } | ||
.modern-title::before, | .modern-title::before, | ||
| Строка 19: | Строка 20: | ||
background-color: {{{background-color|#3c3c4b}}}; | background-color: {{{background-color|#3c3c4b}}}; | ||
} | } | ||
.modern-title::before { | .modern-title::before { | ||
margin-right: 10px; | margin-right: 10px; | ||
} | } | ||
.modern-title::after { | .modern-title::after { | ||
margin-left: 10px; | margin-left: 10px; | ||
} | } | ||
.modern-title span { | .modern-title span { | ||
background-color: {{{background-color|#3c3c4b}}}; | background-color: {{{background-color|#3c3c4b}}}; | ||
border-radius: 5px; | border-radius: 5px; | ||
min-width: clamp(50px, 12vw, 200px); | min-width: clamp(50px, 12vw, 200px); | ||
} | |||
@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> | </div> | ||
Версия от 07:15, 10 августа 2024
{{{1}}}
