From 2ac8b5c6223483af59d279277769a1c7b055ee7e Mon Sep 17 00:00:00 2001 From: ines Date: Mon, 9 Oct 2017 14:36:20 +0200 Subject: [PATCH] Add wrapper for before/after code examples --- website/_includes/_mixins.jade | 4 ++++ website/assets/css/_base/_utilities.sass | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/website/_includes/_mixins.jade b/website/_includes/_mixins.jade index 4876c6b6b..68db1be57 100644 --- a/website/_includes/_mixins.jade +++ b/website/_includes/_mixins.jade @@ -149,6 +149,10 @@ mixin code(label, language, prompt, height, icon, wrap) //- Code blocks to display old/new versions +mixin code-compare() + span.u-inline-block.u-padding-top.u-width-full + block + mixin code-old() +code(false, false, false, false, "reject").o-block-small block diff --git a/website/assets/css/_base/_utilities.sass b/website/assets/css/_base/_utilities.sass index e2ba552b7..91a6251e6 100644 --- a/website/assets/css/_base/_utilities.sass +++ b/website/assets/css/_base/_utilities.sass @@ -143,6 +143,9 @@ //- Layout +.u-width-full + width: 100% + .u-float-left float: left margin-right: 1rem @@ -166,6 +169,9 @@ .u-padding-medium padding: 1.8rem +.u-padding-top + padding-top: 2rem + .u-inline-block display: inline-block