_footer.scss 812 B

12345678910111213141516171819202122232425262728293031323334353637
  1. ///
  2. /// Dimension by HTML5 UP
  3. /// html5up.net | @ajlkn
  4. /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  5. ///
  6. /* Footer */
  7. #footer {
  8. @include vendor('transition', (
  9. 'transform #{_duration(article)} ease-in-out',
  10. 'filter #{_duration(article)} ease-in-out',
  11. 'opacity #{_duration(article)} ease-in-out',
  12. ));
  13. width: 100%;
  14. max-width: 100%;
  15. margin-top: 2rem;
  16. text-align: center;
  17. .copyright {
  18. letter-spacing: _font(letter-spacing);
  19. font-size: 0.6rem;
  20. opacity: 0.75;
  21. margin-bottom: 0;
  22. text-transform: uppercase;
  23. }
  24. body.is-article-visible & {
  25. @include vendor('transform', 'scale(0.95)');
  26. @include vendor('filter', 'blur(0.1rem)');
  27. opacity: 0;
  28. }
  29. body.is-preload & {
  30. opacity: 0;
  31. }
  32. }