From 881ab104d8d2b0b4ae8ba52126b0ca6a99a5106d Mon Sep 17 00:00:00 2001 From: Fredrik Jonsson Date: Wed, 15 Mar 2023 15:07:45 +0100 Subject: [PATCH] Readd debug mixin. --- assets/sass/mixins/debug/_debug.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 assets/sass/mixins/debug/_debug.scss diff --git a/assets/sass/mixins/debug/_debug.scss b/assets/sass/mixins/debug/_debug.scss new file mode 100644 index 0000000..31472f9 --- /dev/null +++ b/assets/sass/mixins/debug/_debug.scss @@ -0,0 +1,20 @@ +// Output a horizontal grid to help with debugging typography. +@mixin debug-grid() { + @if $debug == true { + $grid-height: #{$base-line-height + 'rem'}; + + position: relative; + // stylelint-disable-next-line max-line-length + background-image: repeating-linear-gradient(180deg, $debug-color, $debug-color 1px, transparent 1px, transparent $grid-height); + + &::after { + content: ''; + position: absolute; + bottom: -1px; + left: 0; + height: 1px; + width: 100%; + background-color: $debug-color; + } + } +}