diff --git a/site/_includes/layout.njk b/site/_includes/layout.njk index ed16697649..92d52a7c9e 100644 --- a/site/_includes/layout.njk +++ b/site/_includes/layout.njk @@ -1,24 +1,27 @@ +--- +siteTitle: Web features explorer +--- - {{ title }} + {{ siteTitle }} - {{ title }} -
web-features explorer
+
{{ siteTitle }}
diff --git a/site/assets/styles.css b/site/assets/styles.css index 91f41a4dc0..f9357334b0 100644 --- a/site/assets/styles.css +++ b/site/assets/styles.css @@ -33,11 +33,16 @@ body { } header { - font-size: 2rem; + font-size: 2.5rem; font-weight: bold; margin-block-end: var(--margin); } +header a { + text-decoration: none; + color: var(--text); +} + h1 { margin: var(--margin) 0; } @@ -230,6 +235,14 @@ nav li { border-block-end-width: 0; } +nav li.monthly { + background-image: linear-gradient(to top right, var(--baseline-high-label-bg), var(--baseline-low-label-bg), var(--baseline-limited-label-bg)); +} + +nav li.recent {background: var(--baseline-low-label-bg);} +nav li.baseline {background: var(--baseline-high-label-bg);} +nav li.nobaseline {background: var(--baseline-limited-label-bg);} + .mdn-docs { display: flex; gap: 0.5rem; diff --git a/site/baseline.njk b/site/baseline.njk index 9ba14f9d02..70aba27536 100644 --- a/site/baseline.njk +++ b/site/baseline.njk @@ -1,11 +1,11 @@ --- -title: Widely available features +title: Baseline features layout: layout.njk ---

{{ title }}

-

These features have been supported across all core browsers for a while.

+

These features have been supported across all browsers for at least 30 months, making them Baseline features. To learn more, see Baseline.