Module:Documentation/styles.css: Difference between revisions

Latest revision as of 11:32, 1 May 2024

.documentation {
    margin-top: var( --space-md );
    padding-top: var( --space-md );
    border-top: 1px solid;
    border-color: var( --border-color-base );
    font-size: var( --font-size-small );
}

.documentation-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.documentation-title {
    color: var( --color-base--emphasized );
    font-size: var( --font-size-x-large );
    font-weight: var( --font-weight-semibold );
    line-height: var( --line-height-xs );
}

.documentation-links {
    font-family: var( --font-family-monospace );
}

.documentation-subheader {
    color: var( --color-base--subtle );
    font-size: var( --font-size-x-small );
    line-height: var( --line-height-sm );
}

.documentation-content {
    margin-top: var( --space-xl );
}

.documentation-modulestats {
    padding: var( --space-xxs );
    background: var( --color-surface-2 );
    border-radius: var( --border-radius--medium );
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.documentation-modulestats .wikitable {
    margin: 0;
}

@@ Line 1: / Line 1: @@
-/* {{pp|small=yes}} */
-.documentation,
-.documentation-metadata {
-	border: 1px solid #a2a9b1;
-	background-color: #ecfcf4;
-	clear: both;
-}
 .documentation {
-	margin: 1em 0 0 0;
+    margin-top: var( --space-md );
-	padding: 1em;
+    padding-top: var( --space-md );
+    border-top: 1px solid;
+    border-color: var( --border-color-base );
+    font-size: var( --font-size-small );
 }
-.documentation-metadata {
+.documentation-header {
-	margin: 0.2em 0; /* same margin left-right as .documentation */
+    display: flex;
-     font-style: italic;
+    align-items: center;
-     padding: 0.4em 1em; /* same padding left-right as .documentation */
+     justify-content: space-between;
+     flex-wrap: wrap;
 }
-.documentation-startbox {
+.documentation-title {
-	padding-bottom: 3px;
+    color: var( --color-base--emphasized );
-	border-bottom: 1px solid #aaa;
+    font-size: var( --font-size-x-large );
-	margin-bottom: 1ex;
+    font-weight: var( --font-weight-semibold );
+    line-height: var( --line-height-xs );
 }
-.documentation-heading {
+.documentation-links {
-	font-weight: bold;
+    font-family: var( --font-family-monospace );
-	font-size: 125%;
 }
-.documentation-clear { /* Don't want things to stick out where they shouldn't. */
+.documentation-subheader {
-	clear: both;
+    color: var( --color-base--subtle );
+    font-size: var( --font-size-x-small );
+    line-height: var( --line-height-sm );
 }
-.documentation-toolbar {
+.documentation-content {
-	font-style: normal;
+    margin-top: var( --space-xl );
-	font-size: 85%;
 }
-html.skin-theme-clientpref-night .documentation,
+.documentation-modulestats {
-html.skin-theme-clientpref-night .documentation-metadata {
+    padding: var( --space-xxs );
-     background-color: inherit;
+    background: var( --color-surface-2 );
+    border-radius: var( --border-radius--medium );
+    display: flex;
+    align-items: center;
+     justify-content: space-between;
 }
-@media (prefers-color-scheme: dark) {
+.documentation-modulestats .wikitable {
-    html.skin-theme-clientpref-os .documentation,
+    margin: 0;
-    html.skin-theme-clientpref-os .documentation-metadata {
-        background-color: inherit;
-    }
 }