Use root scss file for exports only (#6436)

This PR extracts styles from the root `/src/_sass/site.scss` file into existing and new files that are focused on a specific component or element of the site. This helps maintainability and later review. This is in preparation for dark mode theming work.
dart-lang · Feb 19, 2025 · 8975f0f · 8975f0f
1 parent 3a9a989
commit 8975f0f
Show file tree

Hide file tree

Showing 34 changed files with 818 additions and 860 deletions.
diff --git a/src/_includes/navigation-sub.html → src/_includes/prev-next.html b/src/_includes/navigation-sub.html → src/_includes/prev-next.html
@@ -1,5 +1,5 @@
 {% if nextpage.url or prevpage.url %}
-<nav id="subnav">
+<nav id="prev-next">
   <ul>
     <li class="previous">
       {% if prevpage.url %}

diff --git a/src/_layouts/default.html b/src/_layouts/default.html
@@ -8,7 +8,7 @@
     {% endif -%}
   {% endif -%}
   <body class="{{layout}}{% if toc %}{% if toc == false %} hide_toc{% endif %}{% endif %}{% if obsolete %}{% if obsolete == true %} obsolete{% endif %}{% endif %}{% if body_class %} {{ body_class }}{% endif %}">
-    <a id="skip" href="#site-content-title" tabindex="1">Skip to main content</a>
+    <a id="skip-to-main" class="filled-button" href="#site-content-title" tabindex="1">Skip to main content</a>
     {% render 'cookie-notice.html' %}
     {% render 'gtags.html' %}
     {% include 'page-header.html', obsolete:obsolete %}
@@ -35,7 +35,7 @@ <h1>{{title }}</h1>
             {% include 'navigation-toc-top.html', tocContents:tocContents -%}
             {% endif -%}
             {{ content }}
-            {% render 'navigation-sub.html', prevpage:prevpage, nextpage:nextpage %}
+            {% render 'prev-next.html', prevpage:prevpage, nextpage:nextpage %}
 
             {% include 'page-github-links.html' -%}
           </div>

diff --git a/src/_sass/_books.scss b/src/_sass/_books.scss
diff --git a/src/_sass/_dartvm.scss b/src/_sass/_dartvm.scss