Las variables de Sass no se leen en el código

Desarrollador
1

Hola,

Al agregar más configuraciones a mi tema, comenzó a ser evidente que Discourse las estaba 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 no hace nada, sin importar el valor de la configuración.

Sin embargo, si elimino == true, siempre estará habilitado sin importar qué.

Esto también parece ser el problema con cualquier otro booleano. Leí la documentación de Sass y mi código coincide y aún así no 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;
      }
    }
  }
}

Gracias por cualquier ayuda.

2 Me gusta
2

Me encontré con el mismo problema hace unas semanas y concluí que la condición if de SASS no estaba funcionando como pensaba. Sin embargo, estaría muy contento de saber si algo así es posible:

Tener “si este site_setting == value entonces” en un archivo SASS.

Solo lo pongo aquí en caso de que sea de alguna utilidad:

2 Me gusta
3

Eché un vistazo aquí antes de hacer mi publicación, y mi código es exactamente el mismo.

Hacer @if $var {} siempre lo ejecutará sin importar el valor, y @if $var == true {} nunca lo ejecutará.

4

¿Has probado:

@if $var == "true"

Es posible que el booleano sea en realidad una cadena, me he encontrado con esto antes con componentes de temas.

3 Me gusta
5

Sí, pareció arreglarlo, extraño.

2 Me gusta
6

Genial, ambos me ayudaron a resolver algo en lo que me había rendido en uno de mis componentes de tema. :v:

2 Me gusta
7

Esto puede solucionar el cambio de tema oscuro que discutimos recientemente, gracias.

No funcionaba como estaba.

3 Me gusta
8

Y así, Kris ayudó a toda una población.

3 Me gusta
9

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