Шаблон:ModernTitle: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показаны 34 промежуточные версии 2 участников) | |||
| Строка 1: | Строка 1: | ||
<div class="modern-title" style="color:{{{color|#fff}}}; | <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><!-- | ||
<!-- | |||
-->{{#css: | |||
.modern-title { | .modern-title { | ||
position: relative; | position: relative; | ||
| Строка 7: | Строка 7: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
text-align: center; | |||
font-family: 'Montserrat', sans-serif; | font-family: 'Montserrat', sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
| Строка 16: | Строка 15: | ||
content: ""; | content: ""; | ||
flex-grow: 1; | flex-grow: 1; | ||
height: | height: 4px; | ||
background-color: {{{background-color|# | background-color: {{{background-color|#363649}}}; | ||
} | } | ||
.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|# | background-color: {{{background-color|#363649}}}; | ||
border-radius: 5px; | border-radius: 5px; | ||
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; | |||
} | |||
} | } | ||
}} | |||
Версия от 22:48, 19 сентября 2024
{{{1}}}
