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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
Строка 1: Строка 1:
.cut-layout {
.cut-layout {
display: flex;
display: flex;
    flex-direction: column;
flex-direction: column;
    margin: 3px;
margin: 3px;
    padding: 10px 18px;
padding: 10px 18px;
    box-shadow: var(--box-shadow-high);
box-shadow: var(--box-shadow-high);
    background: var(--theme-bg-color-250);
background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-250) */
    border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
    width: 33%;
width: 33%;
    gap: 8px;
gap: 8px;
}
}


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


.cut-layout__body {
.cut-layout__body {
    flex-grow: 100;
flex-grow: 100;
    padding: 8px;
padding: 8px;
    position: relative;
position: relative;
    font-size: 14px;
font-size: 14px;
    overflow: auto;
overflow: auto;
    margin: 0 8px;
margin: 0 6px;
    background: var(--theme-bg-color-200);
background: rgba(var(--theme-color-darkened--rgb), var(--alpha-m));
    border-radius: var(--border-radius-low);
border-radius: var(--border-radius-low);
}
}

Версия от 19:20, 15 апреля 2025

.cut-layout {
	display: flex;
	flex-direction: column;
	margin: 3px;
	padding: 10px 18px;
	box-shadow: var(--box-shadow-high);
	background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-250) */
	border-radius: var(--border-radius-low);
	width: 33%;
	gap: 8px;
}

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

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