MediaWiki:Common.css: различия между версиями

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

← Предыдущая правка Следующая правка →

@@ Строка 334: / Строка 334: @@
      --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/svg%3E");
      --icon-settings: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E settings %3C/title%3E%3Cg transform=%22translate%2810 10%29%22%3E%3Cpath id=%22a%22 d=%22M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2845%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%2890%29%22/%3E%3Cuse xlink:href=%22%23a%22 transform=%22rotate%28135%29%22/%3E%3C/g%3E%3Cpath d=%22M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7%22/%3E%3C/svg%3E");
+    --icon-personal: url(https://ru.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=ru&skin=vector-2022&version=1n584);
+    --icon-size: 22px;
+    --icon-size-small: 18px;
+    --icon-size-big: 28px;
      /*==========
@@ Строка 1500: / Строка 1505: @@
      align-items: center;
      position: unset;
+    font-family: unset;
 }
@@ Строка 1505: / Строка 1511: @@
      display: inline-block;
      content: '';
-     mask-image: url(https://ru.wikipedia.org/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=ru&skin=vector-2022&version=1n584);
+     mask-image: var(--icon-personal);
      background: var(--theme-icon-color);
      mask-size: contain;
      mask-position: center;
-     width: 20px;
+     width: var(--icon-size);
-     height: 20px;
+     height: var(--icon-size);
 }
@@ Строка 1547: / Строка 1553: @@
      #personal h2::before {
-         width: 30px;
+         width: var(--icon-size-big);
-         height: 30px;
+         height: var(--icon-size-big);
      }
 }
@@ Строка 5208: / Строка 5214: @@
 	position: absolute;
 	right: 10px;
-	width: 20px;
+	width: var(--icon-size);
-	height: 20px;
+	height: var(--icon-size);
 	--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
 	-webkit-mask: var(--mask);
@@ Строка 5515: / Строка 5521: @@
      justify-content: center;
      position: relative;
-     width: 20px;
+     width: var(--icon-size);
      mask-image: var(--icon-settings);
 	background: var(--theme-icon-color);
      background-position: center center;
-     height: 20px;
+     height: var(--icon-size);
      mask-repeat: no-repeat;
      mask-size: contain;
@@ Строка 5527: / Строка 5533: @@
 @media screen and (max-width: 850px) {
      .theme-dropdown-summary {
-		width: 30px;
+		width: var(--icon-size-big);
-	    height: 30px;
+	    height: var(--icon-size-big);
      }
 }
 /* #endregion */