Шаблон:Cut-Layout/styles.css: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 6: Строка 6:
padding: 10px 18px;
padding: 10px 18px;
box-shadow: var(--box-shadow-high);
box-shadow: var(--box-shadow-high);
background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-250) */
background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
     height: inherit;
     height: inherit;
Строка 20: Строка 20:


.cut-layout__header-arrow {
.cut-layout__header-arrow {
     font-size: 20px;
     display: grid;
     font-weight: bold;
     grid-template-columns: 1fr auto 1fr;
     line-height: 0;
     text-align: center;
}
}


Строка 29: Строка 29:
padding: 8px;
padding: 8px;
position: relative;
position: relative;
font-size: 14px;
font-size: var(--font-size-s);
overflow: auto;
overflow: auto;
margin: 0 6px;
margin: 0 6px;
background: rgba(var(--theme-color-darkened--rgb), var(--alpha-m));
background: rgba(0, 0, 0, var(--alpha-s));
border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
}
}

Текущая версия от 06:22, 17 июня 2025

.cut-layout {
	display: flex;
	flex-direction: column;
    justify-content: center;
	gap: 8px;
	padding: 10px 18px;
	box-shadow: var(--box-shadow-high);
	background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
	border-radius: var(--border-radius-low);
    height: inherit;
    box-sizing: border-box;
}

.cut-layout__header {
	display: flex;
	justify-content: space-between;
    align-items: center;
	gap: 8px;
}

.cut-layout__header-arrow {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    text-align: center;
}

.cut-layout__body {
	flex-grow: 100;
	padding: 8px;
	position: relative;
	font-size: var(--font-size-s);
	overflow: auto;
	margin: 0 6px;
	background: rgba(0, 0, 0, var(--alpha-s));
	border-radius: var(--border-radius-low);
}