background: escape-svg($dropdown-active-icon) no-repeat .4rem .6rem/.75rem .75rem;
}
}
+
+.bd-announcement {
+ color: $white;
+ background-color: $bd-purple;
+ a {
+ color: $white;
+ text-decoration: underline;
+ }
+}
<body>
{{ partial "skippy" . }}
+ {{ partial "announcement" . }}
+
{{ partial "docs-navbar" . }}
<div class="container-fluid">
<body>
{{ partial "skippy" . }}
+ {{ partial "announcement" . }}
+
{{ partial "docs-navbar" . }}
{{ partial "home/masthead" . }}
--- /dev/null
+<div class="d-block px-3 py-2 text-center text-bold bd-announcement">
+ Bootstrap 4 has reached end of life.
+ <a
+ href="https://getbootstrap.com/docs/5.3/migration/"
+ target="_blank"
+ rel="noopener"
+ >Upgrade to the latest</a
+ >
+ or consider
+ <a
+ href="https://www.herodevs.com/support/nes-bootstrap?utm_source=Bootstrap_site&utm_medium=Banner&utm_campaign=v4_eol"
+ target="_blank"
+ rel="noopener"
+ >Never-Ending-Support</a
+ >
+ for your project
+</div>