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

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

@@ Строка 1: / Строка 1: @@
 .gradient-block {
-    display: flex;
+	display: flex;
-    flex-direction: column;
+	flex-direction: column;
-    border: 1px solid #3c3c47;
+	border: 1px solid var(--theme-border-color-base);
-    border-radius: 0.2em;
+	border-radius: var(--border-radius-low);
 }
-.gradient-block__header,
+.gradient-block__header {
-.gradient-block__sub-body {
+	background: var(--theme-bg-header--gradient);
-    background: linear-gradient(120deg, #33333d, #2b2b33);
+	text-align: left;
-    text-align: left;
-    border-radius: 0.2em 0.2em 0 0;
 }
 .gradient-block__header {
-    border-radius: 0.2em 0.2em 0 0;
+	padding: 6px;
-    padding: 6px;
+	border-bottom: 3px solid var(--color-darkened-border);
-    border-bottom: 2px solid #00000039;
+	border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
 }
 .gradient-block__sub-body {
-    border-radius: 0 0 0.2em 0.2em;
+	background: var(--theme-bg-color-200);
-    padding: 2px 6px;
+	border-top: 1px solid rgba(var(--color-lighter--rgb), var(--alpha-x));
-    flex-grow: 1;
+	border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
+	padding: 2px 6px;
+	flex-grow: 1;
+	font-size: var(--font-size-xs);
 }
 .gradient-block__body {
-    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2);
+	box-shadow: var(--box-shadow-inset-high);
-    background: #232329;
+	background: var(--theme-bg-color-150);
-    flex-grow: 100;
+	flex-grow: 100;
-    border-radius: 0 0 0.2em 0.2em;
+	border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
-    padding: 8px;
+	padding: 8px;
-    position: relative;
+	position: relative;
-    font-size: 14px;
+	font-size: var(--font-size-xs);
-    overflow: auto;
+	overflow: auto;
 }