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

Новая страница: «.flexbox-container { position: relative; display: flex; flex: 1 0 30rem; flex-direction: column; border-radius: var(--border-radius-medium); } @media (max-width: 719px) { .flexbox-container { flex: 1 0 100%; } } .flexbox-container .tgui-background:before { border-radius: var(--border-radius-medium); } .flexbox-title { display: flex; align-items: center; min-height: 1.75rem; font-size: 1.1rem; font-weight: bold; border-bottom: 2px solid; b...»
 
мНет описания правки
Строка 1: Строка 1:
.flexbox-container {
.flexbox-container {
position: relative;
display: flex;
display: flex;
flex: 1 0 30rem;
flex: 1 0 30rem;
flex-direction: column;
flex-direction: column;
border-radius: var(--border-radius-medium);
}
}


Строка 11: Строка 9:
flex: 1 0 100%;
flex: 1 0 100%;
}
}
}
.flexbox-container .tgui-background:before {
border-radius: var(--border-radius-medium);
}
.flexbox-title {
display: flex;
align-items: center;
min-height: 1.75rem;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 2px solid;
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.flexbox-title .flexbox-name {
flex: 1 !important;
margin: 0 !important;
padding: 0.25rem 0.5rem !important;
font-size: 0.95rem !important;
line-height: 0.95rem !important;
}
.flexbox-subtitle {
min-width: 2.6rem;
height: 100%;
padding: 0 0.33em;
text-align: center;
align-content: center;
color: var(--color-white);
border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.flexbox-content {
display: flex;
flex: 1;
}
.flexbox-image {
overflow: hidden;
display: flex;
align-items: center;
border: 2px solid;
border-top: 0;
border-radius: 0 0 0 var(--border-radius-medium);
}
.flexbox-container__text {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
border-style: solid;
border-width: 0 1px 1px 0;
border-radius: 0 0 var(--border-radius-medium) 0;
}
.flexbox-desc {
flex: 1;
padding: 0.33rem;
line-height: 1.125rem;
}
}

Версия от 02:28, 29 мая 2025

.flexbox-container {
	display: flex;
	flex: 1 0 30rem;
	flex-direction: column;
}

@media (max-width: 719px) {
	.flexbox-container {
		flex: 1 0 100%;
	}
}