i’m trying to access a list setting in yml file with an @each SCSS operator but cannot get it to work for more than one list entry. the code works as expected with default “” or one item in list, but not for more. settings.yml: list_setting: type: list default: "" description: "a list setti…

btw solved this last week. used a string separator scss function @function str-to-list($string, $separator, $startAt: 1) { $item: str-slice($string, $startAt); $list: (); $index: str-index($item, $separator); @if $index ==null { $list: ($item); } @else { $list: (str-slice($it…

Random guesses: I didn’t test it, but I think list settings are delimited by pipes |. It might be possible that $setting in your CSS equals something|something_else|etc. You could output the value in some CSS attribute (or JS, the value should be the same) to be sure. :thinking:

yea i was just thinking about this and wondering if i have to split those list values out with some script? i suspect it is treating multiple list items as one string.:thinking:

[image] Lillian : $list: str-to-list("#{$list_setting}", "|"); :exploding_head: I tried but couldn’t figure out this existed, that’s great. :clap:

Accessing theme list settings via SCSS @each rule

Development

Canapin (Coin-coin le Canapin) July 31, 2023, 11:38am 5

I tried but couldn’t figure out this existed, that’s great.

Topic		Replies	Views
Theme with variable width inside settings UX	5	1138	April 13, 2022
[Feature Request] Ability to adjust order of list type settings Feature completed	5	1133	February 4, 2022
Predefined simple list setting for theme component Development	1	194	March 11, 2024
SCSS color property variable headaches Development	6	1514	September 12, 2023
Add settings to your Discourse theme Developer Guides how-to , theme-guides	6	17761	July 8, 2025

Accessing theme list settings via SCSS @each rule

Related topics