scss: add a debug class to show text lines
This commit is contained in:
parent
8c3cc8ff4d
commit
5a0f783388
2 changed files with 18 additions and 0 deletions
|
@ -69,6 +69,14 @@ a {
|
|||
font-size: calc(2.5mm + 1vw);
|
||||
margin: auto;
|
||||
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) {
|
||||
.text-wrapper.size-640 {
|
||||
|
|
|
@ -82,6 +82,16 @@ a {
|
|||
font-size: calc(2.5mm + 1vw);
|
||||
margin: auto;
|
||||
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) {
|
||||
|
|
Loading…
Reference in a new issue