MediaWiki:Common.css: Difference between revisions

Line 4:

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

/* Variables */

:root {

--rgwiki-main-navbox-color-hue: 35deg;

--rgwiki-main-navbox-color-saturation: 20%;

--rgwiki-main-navbox-color-lightness-header: 90%;

--rgwiki-main-navbox-color-lightness-row: 95%;

--rgwiki-main-navbox-color-lightness-cell: 98%;

--rgwiki-main-navbox-color-header: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-header));

--rgwiki-main-navbox-color-row: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-row));

--rgwiki-main-navbox-color-cell: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-cell));

}

/* General utility classes */

Line 73:

Line 84:

padding-left: 8px;

padding-right: 8px;

background-color: ~~hsl~~(~~35deg, 20%, 90%~~);

background-color: var(--rgwiki-main-navbox-color-header);

}

Line 87:

Line 98:

padding-right: 8px;

width: 0;

background-color: ~~hsl~~(~~35deg, 20%, 95%~~);

background-color: var(--rgwiki-main-navbox-color-row);

}

.rgwiki-main-navbox-section td {

background-color: ~~hsl~~(~~35deg, 20%, 98%~~);

background-color: var(--rgwiki-main-navbox-color-cell);

}

@@ Line 4: / Line 4: @@
 @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
+/* Variables */
+:root {
+    --rgwiki-main-navbox-color-hue: 35deg;
+    --rgwiki-main-navbox-color-saturation: 20%;
+    --rgwiki-main-navbox-color-lightness-header: 90%;
+    --rgwiki-main-navbox-color-lightness-row: 95%;
+    --rgwiki-main-navbox-color-lightness-cell: 98%;
+    --rgwiki-main-navbox-color-header: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-header));
+    --rgwiki-main-navbox-color-row: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-row));
+    --rgwiki-main-navbox-color-cell: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-cell));
+}
 /* General utility classes */
@@ Line 73: / Line 84: @@
      padding-left: 8px;
      padding-right: 8px;
-     background-color: hsl(35deg, 20%, 90%);
+     background-color: var(--rgwiki-main-navbox-color-header);
 }
@@ Line 87: / Line 98: @@
      padding-right: 8px;
      width: 0;
-     background-color: hsl(35deg, 20%, 95%);
+     background-color: var(--rgwiki-main-navbox-color-row);
 }
 .rgwiki-main-navbox-section td {
-     background-color: hsl(35deg, 20%, 98%);
+     background-color: var(--rgwiki-main-navbox-color-cell);
 }