From 378aa159b8d91b2d9950575141a6ee67e7db350c Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Wed, 25 Oct 2017 23:59:53 +1100 Subject: Docs/demo refresh --- demo/src/less/lib/animation.less | 12 ++++++++---- demo/src/less/lib/fontface.less | 9 +++++++++ demo/src/less/lib/mixins.less | 38 +++++++++++++++++++++++--------------- demo/src/less/lib/reset.less | 11 +++++++++++ 4 files changed, 51 insertions(+), 19 deletions(-) create mode 100644 demo/src/less/lib/reset.less (limited to 'demo/src/less/lib') diff --git a/demo/src/less/lib/animation.less b/demo/src/less/lib/animation.less index 386c6613..3c14b0a7 100644 --- a/demo/src/less/lib/animation.less +++ b/demo/src/less/lib/animation.less @@ -3,7 +3,11 @@ // ========================================================================== // Fade -@keyframes fade-in { - 0% { opacity: 0 } - 100% { opacity: 1 } -} \ No newline at end of file +@keyframes fadein { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} diff --git a/demo/src/less/lib/fontface.less b/demo/src/less/lib/fontface.less index bd5f9feb..7fa06a63 100644 --- a/demo/src/less/lib/fontface.less +++ b/demo/src/less/lib/fontface.less @@ -19,3 +19,12 @@ font-weight: @font-weight-bold; font-display: swap; } + +@font-face { + font-family: "Avenir"; + src: url("https://cdn.plyr.io/static/fonts/avenir-black.woff2?v=3") format("woff2"), + url("https://cdn.plyr.io/static/fonts/avenir-black.woff?v=3") format("woff"); + font-style: normal; + font-weight: @font-weight-heavy; + font-display: swap; +} diff --git a/demo/src/less/lib/mixins.less b/demo/src/less/lib/mixins.less index 923df1ea..fbf36546 100644 --- a/demo/src/less/lib/mixins.less +++ b/demo/src/less/lib/mixins.less @@ -2,31 +2,39 @@ // Mixins // ========================================================================== -// Contain floats: nicolasgallagher.com/micro-clearfix-hack/ +// Convert a