Readd debug mixin.
This commit is contained in:
parent
b1ea700304
commit
881ab104d8
1 changed files with 20 additions and 0 deletions
20
assets/sass/mixins/debug/_debug.scss
Normal file
20
assets/sass/mixins/debug/_debug.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue