Шаблон:ModernTitle: различия между версиями
Материал из Space Station 14 Вики
|
|
| Строка 1: |
Строка 1: |
| <div class="modern-title" style="font-size:{{{font-size|clamp(1.3rem, 2.5vw, 1.7rem)}}};color:{{{color|#fff}}};margin:{{{margin|1.5em 0 0.7em 0}}};><span style="padding:{{{padding|0 3%}}};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 style="padding:{{{padding|0 3%}}};width:{{{width|none}}};>{{{1}}}</span> |
| </div> | | </div> |
| <!-- Не изменяемый CSS --> | | <!-- Не изменяемый CSS --> |
Версия от 13:50, 14 августа 2024
{{{1}}}
.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: #444455;
}
.modern-title::before {
margin-right: 10px;
}
.modern-title::after {
margin-left: 10px;
}
.modern-title span {
background-color: #444455;
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;
}
}
