See Scss variable value from another file

I have a variables scss file where I define a number font sizes like so:

$font-size--xl: 52px;
$font-size--l: 24px;
$font-size--m: 16px;
$font-size--s: 14px;
$font-size--xs: 12px;

I then have other files where I refer to these variables: 

h3, .h3 {
font-size: $font-size--m;
}

However, from this file, I would like to be able to see what the value of the variable is, without having to go to my variables file itself. I know I can ctrl + click on the variable to go directly to it, but is there any way to just hover on the variable and get some sort of tool tip that says what it evaluates to?

 

1 comment

Hi there,

>I know I can ctrl + click on the variable to go directly to it, but is there any way to just hover on the variable and get some sort of tool tip that says what it evaluates to?

"View | Quick Definition" ?

2

Please sign in to leave a comment.