scss: add a debug class to show text lines

This commit is contained in:
Kazhnuz 2018-10-13 17:18:12 +02:00
parent 8c3cc8ff4d
commit 5a0f783388
2 changed files with 18 additions and 0 deletions

View file

@ -69,6 +69,14 @@ a {
font-size: calc(2.5mm + 1vw); font-size: calc(2.5mm + 1vw);
margin: auto; margin: auto;
line-height: 1.5em; } line-height: 1.5em; }
.text-wrapper.debug {
background-image: -webkit-linear-gradient(transparent 95%, rgba(159, 96, 96, 0.5) 95%);
background-image: -moz-linear-gradient(transparent 95%, rgba(159, 96, 96, 0.5) 95%);
background-image: -ms-linear-gradient(transparent 95%, rgba(159, 96, 96, 0.5) 95%);
background-image: -o-linear-gradient(transparent 95%, rgba(159, 96, 96, 0.5) 95%);
background-image: linear-gradient(transparent 95%, rgba(159, 96, 96, 0.5) 95%);
background-position: 50% 0;
background-size: 1.5em 1.5em; }
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
.text-wrapper.size-640 { .text-wrapper.size-640 {

View file

@ -82,6 +82,16 @@ a {
font-size: calc(2.5mm + 1vw); font-size: calc(2.5mm + 1vw);
margin: auto; margin: auto;
line-height: 1.5em; line-height: 1.5em;
&.debug {
background-image: -webkit-linear-gradient(hsla(0,0%,0%,0) 95%, hsla(0,25%,50%,.5) 95%);
background-image: -moz-linear-gradient(hsla(0,0%,0%,0) 95%, hsla(0,25%,50%,.5) 95%);
background-image: -ms-linear-gradient(hsla(0,0%,0%,0) 95%, hsla(0,25%,50%,.5) 95%);
background-image: -o-linear-gradient(hsla(0,0%,0%,0) 95%, hsla(0,25%,50%,.5) 95%);
background-image: linear-gradient(hsla(0,0%,0%,0) 95%, hsla(0,25%,50%,.5) 95%);
background-position: 50% 0;
background-size: 1.5em 1.5em;
}
} }
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {