Участник:Kemran2933/СРП Юстиции 2: различия между версиями
Новая страница: «<div class="mw-collapsible mw-collapsed procedure-box"> <div class="procedure-box__heading"> Процедура обыска </div> <div class="mw-collapsible-content procedure-box__content"> * Во время зелёного кода проведение процедуры обыска разрешено только при уважительной причине или при получении устного разрешения от ПНТ, Капи...» |
Нет описания правки |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class=" | <div class="procedure-box collapsed"> | ||
<div class="procedure-box__heading"> | |||
Процедура обыска | |||
</div> | |||
<div class="procedure- | <div class="procedure-box__content"> | ||
... | |||
</div> | |||
</div> | </div> | ||
{{#css: | |||
{{# | |||
.procedure-box { | .procedure-box { | ||
position: relative; | position: relative; | ||
| Строка 26: | Строка 15: | ||
width: 100%; | width: 100%; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
border: | border: var(--border-classic); | ||
border-radius: | border-radius: var(--border-radius-medium); | ||
background: { | |||
} | &__heading { | ||
display: flex; | |||
align-items: center; | |||
min-height: 2.25em; | |||
padding: 0 0.75em; | |||
background-color: var(--color-second); | |||
color: var(--color-text-darker); | |||
font-size: 0.75em; | |||
font-weight: bold; | |||
cursor: pointer; | |||
user-select: none; | |||
&:before { | |||
content: "\f078"; | |||
font: var(--fa-font-solid); | |||
margin-right: 0.33em; | |||
transform: rotate(0deg) scale(0.75); | |||
transition: transform var(--transition-time); | |||
} | |||
} | |||
&__content { | |||
display: grid; | |||
grid-template-rows: 1fr; | |||
overflow: hidden; | |||
background-color: var(--color-second); | |||
transition: grid-template-rows var(--transition-time); | |||
> div { | |||
min-height: 0; | |||
padding: 12px 14px; | |||
line-height: 1.5; | |||
transform-origin: top; | |||
transition: | |||
padding var(--transition-time), | |||
opacity var(--transition-time), | |||
visibility var(--transition-time), | |||
transform var(--transition-time); | |||
} | |||
} | |||
. | &.collapsed { | ||
.procedure-box__heading:before { | |||
transform: rotate(-90deg) scale(0.75); | |||
} | |||
} | |||
.procedure-box__content { | .procedure-box__content { | ||
grid-template-rows: 0fr; | |||
> div { | |||
padding-top: 0; | |||
padding-bottom: 0; | |||
opacity: 0; | |||
visibility: hidden; | |||
transform: scale(0.75); | |||
} | |||
} | |||
} | |||
} | } | ||
}} | }} | ||
Текущая версия от 20:12, 17 августа 2026
Процедура обыска
...