Improve docs scss-docs shortcode

[XhmikosR]

scss-docs: un-indent these lines if possible. Right now the snippet brings in those extra spaces

For example in https://getbootstrap.com/docs/5.1/utilities/colors/#utilities-api

[haweecodes]

The indentations are being generated from the spaces found in _utilities.scss file which is following the style coding standard. We can separate the styles for each components in _utilities.scss and merge them separately, so that there will be no leading indentation in the beginning. What do you think? @XhmikosR

// scss-docs-start utils-color
$utilities: map-merge(
  (
    "color": (
      property: color,
      class: text,
      local-vars: (
        "text-opacity": 1
      ),
      values: map-merge(
        $utilities-text-colors,
        (
          "muted": $text-muted,
          "black-50": rgba($black, .5), // deprecated
          "white-50": rgba($white, .5), // deprecated
          "reset": inherit,
        )
      )
    ),
    "text-opacity": (
      css-var: true,
      class: text-opacity,
      values: (
        25: .25,
        50: .5,
        75: .75,
        100: 1
      )
    ),
  ), 
  $utilities
);
// scss-docs-end utils-color

[XhmikosR]

I don't think we are looking at separating those due to this issue. There are probably more cases, so this should be handled in the shortcode.

Again, this is not a huge issue, but it'd be nice to sort it out eventually :)

[gdibble]

👆 Helped along a fellow contributor by rebasing latest from main into his stale branch and then verifying it locally - hope this helps 🙏 cheers

https://github.com/twbs/bootstrap/pull/35879 credit where due to @pouwerkerk 🙌

[gdibble]

@XhmikosR if the other pr was out of date, I thought pulling latest and rechecking would help everyone and get the docs updated faster. Did not mean to be rude or step on any toes. Anyway no worries; take care.

[XhmikosR]

It's just that this just increases the noise for us. We can update most PRs or ask the person who opened the PR to update it.

If you want to help out, you could check the open issues with the label help-wanted.

[pouwerkerk]

@gdibble no worries. Your PR reminded me it's been a while since I fetched/rebased my PR.

I've gone ahead and done that now. I'm usually able to respond quickly if you need me to make changes/update when you or someone on the bootstrap core team is ready to review, just let me know. Thanks!

[gdibble]

(: Yeah of course @XhmikosR. Found by help-wanted. PR was idle 3 months so I wondered about @pouwerkerk, as I know how things and life goes. Anyway was just being helpful. Have a great day all ✌️

[sdkdeepa]

Hello! I would like to contribute to this as it is still open. Please let me know