Uploaded image for project: 'Confluence Cloud'
  1. Confluence Cloud
  2. CONFCLOUD-70341

"Sass" syntax highlighting in code block does not highlight

    XMLWordPrintable

Details

    Description

      Issue Summary

      When viewing a code block that contains Sass or SCSS code, the code is not highlighted after selecting the "Sass" option from the dropdown and publishing the page.

      Steps to Reproduce

      1. Edit a page
      2. Add a code block
      3. Select "Sass" from the language dropdown
      4. Insert the following Sass or SCSS code:
        /* Sass example */
        /* This CSS will print because %message-shared is extended. */
        %message-shared
          border: 1px solid #ccc
          padding: 10px
          color: #333
        
        
        // This CSS won't print because %equal-heights is never extended.
        %equal-heights
          display: flex
          flex-wrap: wrap
        
        
        .message
          @extend %message-shared 
        /* SCSS example */
        /* This CSS will print because %message-shared is extended. */
        %message-shared {
          border: 1px solid #ccc;
          padding: 10px;
          color: #333;
        }
        
        // This CSS won't print because %equal-heights is never extended.
        %equal-heights {
          display: flex;
          flex-wrap: wrap;
        }
        
        .message {
          @extend %message-shared;
        }
      1. Publish the page

      Expected Results

      Published page shows syntax-highlighted code block

      Actual Results

      Published page shows a code block with no syntax highlighting

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Attachments

        Activity

          People

            Unassigned Unassigned
            deads@atlassian.com Daniel Eads
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: