Variáveis Sass não estão sendo lidas no código

Olá,

Ao adicionar mais configurações ao meu tema, começou a ficar aparente que o Discourse as estava ignorando.

Código:


#main-outlet-wrapper .sidebar-wrapper {
  @if $Full_Width == true {
    left: 10px;
  }
}

@if $Full_Width == true {
  :root {
    --d-max-width: 95%;
  }
  #main-outlet {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 50px;
  }
}

Este código não faz nada, não importa o valor da configuração.

No entanto, se eu remover == true, ele sempre será habilitado, não importa o quê.

Isso também parece ser o problema com qualquer outro booleano? Eu li a documentação do sass e meu código corresponde e ainda assim não funciona.


div#main-outlet.wrap.not-found-container,
#main-outlet-wrapper {

  #main-outlet,
  .sidebar-wrapper {
    @if $Is_Background_Blurred {
      backdrop-filter: blur(3rem) !important;
      background-color: #0a0a0aa6 !important;

      input[type],
      .select-kit.combo-box .select-kit-header,
      .d-editor-textarea-wrapper,
      div.ac-wrap {
        background: transparent;
      }
    }

    @else {
      backdrop-filter: none !important;
      background-color: var(--secondary) !important;

      input[type],
      .select-kit.combo-box .select-kit-header,
      .d-editor-textarea-wrapper,
      div.ac-wrap {
        background: transparent;
      }
    }
  }
}

Obrigado por qualquer ajuda.

2 curtidas

Encontrei o mesmo problema há algumas semanas e concluí que a condição if do SASS não estava funcionando como eu pensava. Ficaria muito feliz em saber se algo assim é possível, no entanto:

Ter “se este site_setting == valor então” em um arquivo SASS.

Estou apenas colocando isso aqui caso seja útil:

2 curtidas

Eu dei uma olhada aqui antes de fazer minha postagem, e meu código é exatamente o mesmo.

Fazer @if $var {} sempre o executará, não importa o valor, e @if $var == true {} nunca o executará.

Você já tentou:

@if $var == "true"

É possível que o booleano seja na verdade uma string, já passei por isso com componentes de tema antes.

3 curtidas

Sim, parece que corrigiu, estranho.

2 curtidas

Incrível, vocês dois me ajudaram a descobrir algo em que eu tinha desistido em um dos meus componentes de tema. :v:

2 curtidas

Isso pode corrigir a alternância do tema escuro que discutimos recentemente, obrigado.

Não estava funcionando como está.

3 curtidas

E assim, Kris ajudou uma população inteira.

3 curtidas

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.