From aa680e0312553c384c209c85620454ef3ab7f34c Mon Sep 17 00:00:00 2001 From: ines Date: Sat, 8 Apr 2017 10:09:33 +0200 Subject: [PATCH] Add landing badge mixin --- website/_harp.json | 2 +- website/_includes/_mixins-base.jade | 5 +++++ website/assets/css/_components/_landing.sass | 8 ++++++++ 3 files changed, 14 insertions(+), 1 deletion(-) diff --git a/website/_harp.json b/website/_harp.json index 0641234f5..d117f74af 100644 --- a/website/_harp.json +++ b/website/_harp.json @@ -55,7 +55,7 @@ } }, - "V_CSS": "1.3", + "V_CSS": "1.4", "V_JS": "1.2", "DEFAULT_SYNTAX": "python", "ANALYTICS": "UA-58931649-1", diff --git a/website/_includes/_mixins-base.jade b/website/_includes/_mixins-base.jade index 80aa98a00..94b1bfd84 100644 --- a/website/_includes/_mixins-base.jade +++ b/website/_includes/_mixins-base.jade @@ -134,3 +134,8 @@ mixin landing-header() .c-landing__wrapper .c-landing__content block + + +mixin landing-badge(url, graphic, alt, size) + +a(url)(aria-label=alt title=alt).c-landing__badge + +svg("graphics", graphic, size || 225) diff --git a/website/assets/css/_components/_landing.sass b/website/assets/css/_components/_landing.sass index 5bd7e2c43..af1521d10 100644 --- a/website/assets/css/_components/_landing.sass +++ b/website/assets/css/_components/_landing.sass @@ -18,3 +18,11 @@ .c-landing__title color: $color-back text-align: center + +.c-landing__badge + transform: rotate(7deg) + display: block + text-align: center + + @include breakpoint(min, md) + @include position(absolute, top, right, 16rem, 6rem)