Обсуждение участника:Aylong: различия между версиями

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

ВизуальныйВики-текст

Текущая версия от 13:33, 17 мая 2025

Пример текста

@@ Строка 1: / Строка 1: @@
-<div style="position: relative; display: inline-flex; background: var(--color-bg); z-index: -3">
+<div class="oklch-test" style="display: flex;>
-<div style="background: var(--color-base); z-index: -2">
+ <div>
-<div style="width: 200px; height: 200px; background: var(--color-second-fill);"></div>
+  <div style="background: var(--color-red-dark);">Пример текста</div>
-<div style="position:relative; width: 200px; height: 200px; background: var(--color-second-blur);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div>
+  <div style="background: var(--color-orange-dark);">Пример текста</div>
-<div style="position:relative; width: 200px; height: 200px; background: var(--color-second);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div>
+  <div style="background: var(--color-yellow-dark);">Пример текста</div>
-</div>
+  <div style="background: var(--color-olive-dark);">Пример текста</div>
-<div style="z-index: -2;>
+  <div style="background: var(--color-green-dark);">Пример текста</div>
-<div style="width: 200px; height: 200px; background: var(--color-base-fill);"></div>
+  <div style="background: var(--color-teal-dark);">Пример текста</div>
-<div style="position:relative; width: 200px; height: 200px; background: var(--color-base-blur);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div>
+  <div style="background: var(--color-blue-dark);">Пример текста</div>
-<div style="position:relative; width: 200px; height: 200px; background: var(--color-base);"><div style="position: absolute; inset: 0; margin: auto; width: 100px; height: 100px; background: #111111; border-radius: 9999px; z-index: -1;"></div></div>
+  <div style="background: var(--color-cyan-dark);">Пример текста</div>
-</div>
+  <div style="background: var(--color-violet-dark);">Пример текста</div>
+  <div style="background: var(--color-purple-dark);">Пример текста</div>
+  <div style="background: var(--color-pink-dark);">Пример текста</div>
+  <div style="background: var(--color-brown-dark);">Пример текста</div>
+  <div style="background: var(--color-label-dark);">Пример текста</div>
+ </div>
+ <div>
+  <div style="background: var(--color-red);">Пример текста</div>
+  <div style="background: var(--color-orange);">Пример текста</div>
+  <div style="background: var(--color-yellow);">Пример текста</div>
+  <div style="background: var(--color-olive);">Пример текста</div>
+  <div style="background: var(--color-green);">Пример текста</div>
+  <div style="background: var(--color-teal);">Пример текста</div>
+  <div style="background: var(--color-blue);">Пример текста</div>
+  <div style="background: var(--color-cyan);">Пример текста</div>
+  <div style="background: var(--color-violet);">Пример текста</div>
+  <div style="background: var(--color-purple);">Пример текста</div>
+  <div style="background: var(--color-pink);">Пример текста</div>
+  <div style="background: var(--color-brown);">Пример текста</div>
+  <div style="background: var(--color-label);">Пример текста</div>
+ </div>
+ <div>
+  <div style="background: var(--color-red-light);">Пример текста</div>
+  <div style="background: var(--color-orange-light);">Пример текста</div>
+  <div style="background: var(--color-yellow-light);">Пример текста</div>
+  <div style="background: var(--color-olive-light);">Пример текста</div>
+  <div style="background: var(--color-green-light);">Пример текста</div>
+  <div style="background: var(--color-teal-light);">Пример текста</div>
+  <div style="background: var(--color-blue-light);">Пример текста</div>
+  <div style="background: var(--color-cyan-light);">Пример текста</div>
+  <div style="background: var(--color-violet-light);">Пример текста</div>
+  <div style="background: var(--color-purple-light);">Пример текста</div>
+  <div style="background: var(--color-pink-light);">Пример текста</div>
+  <div style="background: var(--color-brown-light);">Пример текста</div>
+  <div style="background: var(--color-label-light);">Пример текста</div>
+ </div>
+ <div>
+  <div style="color: var(--color-text);">Пример текста</div>
+  <div style="color: var(--color-text-darker);">Пример текста</div>
+  <div style="color: var(--color-text-gray);">Пример текста</div>
+ </div>
 </div>