SASS add variable to list

Question

I've got the following variable list:

$list: 'one', 'two', 'three'

And I need to use this list, but with one more value, temporarily, how can I do something like this?

$list: 'one', 'two', 'three'
$list-group: $list, 'four'

@for $i from 1 through length($list-group)
    .color-#{ nth($list-group, $i) }
        content: nth($list-group, $i)

Guy · Accepted Answer · 2015-03-10 15:16:32Z

1

You can use insert-nth or append

append:

append($list, 'four', [$separator])

insert-nth:

$list: 'one', 'two', 'three';
$list-group: insert-nth($list, 4, 'four');

edited Mar 10, 2015 at 15:16

answered Mar 10, 2015 at 15:10

Guy

11.4k5 gold badges38 silver badges47 bronze badges

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

1 Comment

Amit Over a year ago

insert-nth; is not an inbuilt method like append. so insert-nth does not work by itself, you need to provide a function to run this without error. Check out this article here this might help hugogiraudel.com/2013/08/08/advanced-sass-list-functions

Collectives™ on Stack Overflow

SASS add variable to list

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related