Assigning CSS value to SASS variable

Question

Is there a way to directly assign a CSS value to a SASS variable, like this:

$var:padding: 20px/1440px * 100%;

I know that I can to this:

$padding: 20px/1440px * 100%;
padding: $padding;

But is there a way to directly assign a value in CSS to a variable? Basically to have it on a same line.

Dax · Accepted Answer · 2014-06-23 15:53:45Z

3

not possible to use a variable directly, you could use a mixin instead:

@mixin pad{padding: 20px/1440px * 100%;}
.div-with-padding{@include pad;}

answered Jun 23, 2014 at 15:03

Dax

4332 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

x'tian · Accepted Answer · 2014-06-24 07:28:12Z

0

no its not possible to assign directly from the variable. you have to use mixin for that.

sample :

@mixin ur_padding
{
padding:20px/1440px * 100%
}

.ur_div_here
{
@include ur_padding;
}

answered Jun 24, 2014 at 7:28

x'tian

7342 gold badges17 silver badges43 bronze badges

evanzto · Accepted Answer · 2014-06-24 07:46:13Z

0

You could assign a css value like a string:

$var:"padding: 20px/1440px * 100%";

But I really don't know how is this going to help you. Mixin is the best way.

answered Jun 24, 2014 at 7:14

evanzto

9,3813 gold badges29 silver badges32 bronze badges