diff --git a/docs/mini/flavor.scss b/docs/mini/flavor.scss index b4df595c0..6d3641d60 100644 --- a/docs/mini/flavor.scss +++ b/docs/mini/flavor.scss @@ -434,3 +434,33 @@ button.scroll-to-top { background: var(#{$secondary-back-color-var}); } } + +.#{$card-name}#disclaimer { + position: fixed; + bottom: 0; + z-index: 1100; + max-width: 100vw; + width: 100vw; + left: 0; + text-align: center; + font-size: 1.5rem; + margin: 0; + @media screen and (min-width: 768px){ + width: 60vw; + left: 20vw; + bottom: 1rem; + } + @media screen and (min-width: 1280px){ + width: 40vw; + left: 30vw; + bottom: 1.5rem; + } +} + +button#disclaimer-close{ + position: absolute; + top: -0.5rem; + right: -0.5rem; + font-size: 0.85rem; + background: 0; +} diff --git a/static-parts/index-start.html b/static-parts/index-start.html index 914a3c48a..d28a678f4 100644 --- a/static-parts/index-start.html +++ b/static-parts/index-start.html @@ -50,6 +50,9 @@ }; function loader() { registerClickListener(); + window.setTimeout(function(){ + document.getElementById('disclaimer').style.display = 'none'; + }, 30000); } function registerClickListener() { document.addEventListener('click', function (event) { @@ -93,6 +96,12 @@ +
+
+

⚠️ WARNING: Snippets are not production ready.

+ +
+

logo 30 seconds of code