Шаблон:FlatCardWithHeader/Сollapsible/styles.css: различия между версиями
Материал из Aavikko
Дополнительные действия
Новая страница: «.flat-card-with-header--сollapsible { box-shadow: var(--box-shadow); display: grid; gap: 4px; border: 1px solid var(--theme-bg-color-300); border-radius: var(--border-radius-low); padding: 0.25em; --color-mix: color-mix(in srgb, var(--theme-bg-color-100) 80%, var(--theme-bg-color-base)); background: var(--color-mix); } .flat-card-with-header--сollapsible__header { display: flex; align-items: center; font-family:...» |
Нет описания правки |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 1: | Строка 1: | ||
.flat-card-with-header--сollapsible { | .flat-card-with-header--сollapsible { | ||
border: 1px solid #3F3F46; | |||
border-radius: 4px; | |||
background-color: #1B1B1F !important; | |||
margin: 8px 0; | |||
display: flex; | |||
flex-direction: column; | |||
- | overflow: hidden; | ||
} | } | ||
| Строка 13: | Строка 12: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
background-color: #2A2A2E !important; | |||
padding: 8px 12px; | |||
padding: | border-bottom: 1px solid #3F3F46; | ||
color: #FFFFFF !important; | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
border-bottom: | |||
} | } | ||
.flat-card-with-header--сollapsible__content { | .flat-card-with-header--сollapsible__content { | ||
padding: 12px; | |||
background-color: #1B1B1F !important; | |||
color: #FFFFFF; | |||
padding: | |||
} | } | ||
Текущая версия от 15:49, 18 октября 2026
.flat-card-with-header--сollapsible {
border: 1px solid #3F3F46;
border-radius: 4px;
background-color: #1B1B1F !important;
margin: 8px 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
.flat-card-with-header--сollapsible__header {
display: flex;
align-items: center;
background-color: #2A2A2E !important;
padding: 8px 12px;
border-bottom: 1px solid #3F3F46;
color: #FFFFFF !important;
font-size: 1.1em;
font-weight: bold;
}
.flat-card-with-header--сollapsible__content {
padding: 12px;
background-color: #1B1B1F !important;
color: #FFFFFF;
}