site: docs css

jackocnr · jackocnr · commit 1b36e7ec24d9 · 2026-02-21T10:38:22.000Z
diff --git a/site/grunt/cssmin.js b/site/grunt/cssmin.js
@@ -5,6 +5,7 @@ module.exports = function(grunt) {
         'build/css/website.css': 'build/css/website.css',
         'build/css/playground.css': 'build/css/playground.css',
         'build/css/homepage.css': 'build/css/homepage.css',
+        'build/css/docs.css': 'build/css/docs.css',
         'build/css/large_flags_overrides.css': 'build/css/large_flags_overrides.css'
       }
     }
diff --git a/site/grunt/sass.js b/site/grunt/sass.js
@@ -11,6 +11,7 @@ module.exports = function(grunt) {
         'build/css/website.css': 'src/css/website.scss',
         'build/css/large_flags_overrides.css': 'src/css/large_flags_overrides.scss',
         'build/css/playground.css': 'src/css/playground.scss',
+        'build/css/docs.css': 'src/css/docs.scss',
         'build/css/homepage.css': 'src/css/homepage.scss',
       }
     },
diff --git a/site/grunt/template.js b/site/grunt/template.js
@@ -54,6 +54,7 @@ module.exports = function (grunt) {
     },
     website_css: makeCacheBustTask("build/css/website.css"),
     homepage_css: makeCacheBustTask("build/css/homepage.css"),
+    docs_css: makeCacheBustTask("build/css/docs.css"),
     playground_css: makeCacheBustTask("build/css/playground.css"),
     large_flags_overrides_css: makeCacheBustTask("build/css/large_flags_overrides.css"),
 
diff --git a/site/src/css/_base.scss b/site/src/css/_base.scss
@@ -89,4 +89,9 @@ h1 {
 // prevent layout shift when initialise components / show validation errors in demos
 #app {
   min-height: 62px;
+}
+
+// in-article ads should have some margin
+.article-ad {
+  margin: 20px 0;
 }
diff --git a/site/src/css/docs.scss b/site/src/css/docs.scss
@@ -1,4 +1,3 @@
-
 /* Docs options page layout: keep code blocks within the content width */
 .iti-doc-options {
   &__row {
diff --git a/site/src/css/website.scss b/site/src/css/website.scss
@@ -7,7 +7,6 @@
 @use 'navbar';
 @use 'layout';
 @use 'forms';
-@use 'docs';
 @use 'darkmode';
 @use 'highlightjs';
 
diff --git a/site/src/docs/docs_page_template.html.ejs b/site/src/docs/docs_page_template.html.ejs
@@ -14,6 +14,7 @@
     <link rel="stylesheet" href="/css/highlight-github-dark.min.css" media="(prefers-color-scheme: dark)">
 
     <link rel="stylesheet" href="<%= cacheBust('/css/website.css') %>" />
+    <link rel="stylesheet" href="<%= cacheBust('/css/docs.css') %>" />
 
     <%= common_head_end %>
   </head>

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@ module.exports = function(grunt) {`
`5`	`5`	`'build/css/website.css': 'build/css/website.css',`
`6`	`6`	`'build/css/playground.css': 'build/css/playground.css',`
`7`	`7`	`'build/css/homepage.css': 'build/css/homepage.css',`
	`8`	`+ 'build/css/docs.css': 'build/css/docs.css',`
`8`	`9`	`'build/css/large_flags_overrides.css': 'build/css/large_flags_overrides.css'`
`9`	`10`	`}`
`10`	`11`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ module.exports = function(grunt) {`
`11`	`11`	`'build/css/website.css': 'src/css/website.scss',`
`12`	`12`	`'build/css/large_flags_overrides.css': 'src/css/large_flags_overrides.scss',`
`13`	`13`	`'build/css/playground.css': 'src/css/playground.scss',`
	`14`	`+ 'build/css/docs.css': 'src/css/docs.scss',`
`14`	`15`	`'build/css/homepage.css': 'src/css/homepage.scss',`
`15`	`16`	`}`
`16`	`17`	`},`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`/* Docs options page layout: keep code blocks within the content width */`
`3`	`2`	`.iti-doc-options {`
`4`	`3`	`&__row {`