ナビゲーションボタンハイライターコンポーネント - 動作中

NateDhaliwal · 2025 年 11 月 19 日午前 2:44

@Drew-ART さんは Objects type for theme setting をご覧になりましたか？おそらく、それを使って多くのCSSルールを追加でき、ネストを使用して各ルールに背景色やパディングなどを追加できるかもしれません。SCSSにはeachループがあり、それを利用できるかもしれません。

これは役立つでしょうか？

github.com/Arkshine/discourse-banner-featured-links

scss/functions.scss

ce190f66a


      
            @return $result;
          }
          
          /**
           * Parses a string of ruby-like key-value pairs into a map.
           * Format: [{"key1"=>"value1", "key2"=>"value2"}, {"key1"=>"value1","key2"=>"value2"}]
           *
           * @param {String} $string - The string of key-value pairs.
           * @return {Map} - The map of key-value pairs.
           */
          @function parseObjectSettings($string) {
            $string: str-slice($string, 2, -2);
            $items: str-split($string, "}, {");
          
            $parsedItems: ();
          
            @each $item in $items {
              $item: str-replace($item, "{", "");
              $item: str-replace($item, "}", "");
              $item: str-trim($item);

トピック		返信	表示
First component attempt. I've had a go at creating a Nav Button Highlighter. Not working as yet Dev	1	45	2025 年 11 月 11 日
Highlighter Composer Button Theme component	22	1301	2023 年 9 月 5 日
Composer Highlighted Button Theme component	6	665	2025 年 10 月 21 日
Fast Highlight Dev	49	2304	2023 年 9 月 30 日
MD Composer extras Theme component	70	8697	2025 年 7 月 8 日

ナビゲーションボタンハイライターコンポーネント - 動作中

関連トピック