Ensure content is not hidden behind fixed headers when using anchor links

Author: lcharette

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## Unreleased
 - [Core] Add markdown parser extension system via MarkdownExtensionRecipe. Sprinkles can now register custom markdown extensions through the new MarkdownRepositoryInterface.
+- [Pink-Cupcake] Add scroll-padding-top to prevent content from being hidden behind fixed headers when using anchor links
 - [Pink-Cupcake] Minor UI tweaks to sidebar components
 - [Pink-Cupcake] CSS: Add webkit-font-smoothing
 - [Core] MarkdownService now uses configuration from the config service to customize markdown parser behavior. New `markdown` config section added with `html_input`, `allow_unsafe_links`, and `max_nesting_level` options.

packages/theme-pink-cupcake/CHANGELOG.md

@@ -6,6 +6,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
 ## [6.0.0-beta.7](https://github.com/userfrosting/theme-pink-cupcake/compare/6.0.0-beta.6...6.0.0-beta.7)
+- Add scroll-padding-top to prevent content from being hidden behind fixed headers when using anchor links
 - Minor UI tweaks to sidebar components
 - CSS: Add webkit-font-smoothing
 

packages/theme-pink-cupcake/src/less/components/base.less

@@ -1,7 +1,13 @@
 @global-letter-spacing: -0.45px;
 
 .hook-base-body() {
+    /* Add letter spacing for better readability */
     letter-spacing: @global-letter-spacing;
+
+    /* Improve font rendering on MacOS */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    
+    /* Ensure content is not hidden behind fixed headers when using anchor links */
+    scroll-padding-top: @navbar-nav-item-height + @section-padding-vertical;
 }