Шаблон:ModernTitle: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показано 37 промежуточных версий 2 участников) | |||
Строка 1: | Строка 1: | ||
< | <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; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
text-align: center; | |||
font-family: 'Montserrat', sans-serif; | |||
font-weight: bold; | |||
} | |||
.modern-title::before, | |||
.modern-title::after { | |||
content: ""; | |||
flex-grow: 1; | |||
height: 4px; | |||
background-color: {{{background-color|#363649}}}; | |||
} | |||
.modern-title::before { | |||
margin-right: 10px; | |||
} | |||
.modern-title::after { | |||
margin-left: 10px; | |||
} | } | ||
.modern-title span { | |||
border- | background-color: {{{background-color|#363649}}}; | ||
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}}}