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

← Предыдущая правка

@@ Строка 1: / Строка 1: @@
 .infobox {
-  display: flex;
+	display: flex;
-  flex-direction: column;
+	flex-direction: column;
-  page-break-inside: avoid;
+	page-break-inside: avoid;
-  border: 0 solid var(--color-main);
+	border: 0 solid var(--color-main);
-  border-inline-start-width: 0.3rem;
+	border-inline-start-width: 0.3rem;
-  border-radius: 4px; /* ЗАМЕНЕНО: конкретное значение вместо переменной */
+	border-radius: var(--border-radius-low);
-  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* ЗАМЕНЕНО: конкретное значение */
+	box-shadow: var(--box-shadow);
-  background: var(--theme-bg-color-175);
+	background: var(--theme-bg-color-175);
-  margin: 1em 0;
+	margin: 1em 0;
 }
 .infobox__icon {
-  position: relative;
+	position: relative;
-  background-color: var(--color-second);
+	background-color: var(--color-second);
-  display: flex;
+	display: flex;
-  gap: 8px;
+	gap: 8px;
-  font-weight: bold;
+	font-weight: bold;
-  align-items: center;
+	align-items: center;
-  border-radius: 0 4px 0 0; /* ЗАМЕНЕНО: конкретное значение */
+	border-radius: 0 var(--border-radius-low) 0 0;
 }
 .infobox__icon,
 .infobox__content {
-  padding: 0.45rem 0.8rem;
+	padding: 0.45rem 0.8rem;
 }
 @media (min-width: 720px) {
-  .infobox {
+    .infobox {
-    margin-left: 1%;
+        margin-left: 1%;
-    margin-right: 1%;
+        margin-right: 1%;
-  }
+    }
 }