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

Интерактивная навигация по истории

@@ Строка 4: / Строка 4: @@
 	justify-content: space-between;
 	border-radius: var(--border-radius-medium);
-    box-shadow: var(--box-shadow-medium);
+	box-shadow: var(--box-shadow-medium);
 }
@@ Строка 12: / Строка 12: @@
 .rules-box__title {
-	font-size: 1.2em;
+	font-size: var(--font-size-xl);
 }
@@ Строка 20: / Строка 20: @@
 .rules-box__container--addition {
+	display: flex;
+	flex-direction: column;
 	position: absolute;
 	max-height: 85%;
@@ Строка 25: / Строка 27: @@
 	right: 0;
 	width: 20%;
-    min-width: 300px;
+	min-width: clamp(200px, 20vw, 300px);
-	border-radius: 0.3em;
+	border-radius: var(--border-radius-medium);
-	background-color: #34343f;
+	background-color: var(--theme-bg-color-250);
-	border-left: 4px solid #434353;
+	border-left: 4px solid var(--theme-border-color-100);
-	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
+	box-shadow: var(--box-shadow);
-	transition: background-color 0.3s ease;
 }
-.rules-box__container--addition {
+.rules-box__container--addition,
+.rules-box__container--addition .mw-collapsible-toggle {
+	position: absolute;
 	padding: 10px 12px;
 }
 .rules-box__title--addition {
-	font-size: 1em;
 	display: flex;
 	align-items: center;
@@ Строка 44: / Строка 46: @@
 .rules-box__content--addition {
-	flex-grow: 1;
 	overflow-y: auto;
 	margin-top: 10px;
-    padding-right: 10px;
+	padding-right: 10px;
 }
@@ Строка 61: / Строка 62: @@
 		box-sizing: border-box;
 		width: 100%;
-		border-left: none;
+		border: none;
-		box-shadow: none;
 		margin-top: 20px;
 	}
 }