Error de sintaxis de SASS: variable no definida: "$ em-base"

0

Estoy siguiendo una nueva guía de estructura de SASS aquí .

Intento usar la mezcla de PX a EM y parece que la variable no está pasando. Pero tengo la base importando los mixins y la tipografía se importa al final.

Archivo SASS principal:

// Modules and Variables
@import "modules/base";

// Partials
@import "partials/normalize";
@import "partials/typography";

BASE.scss:

@import "colors";
@import "fonts";
@import "animation";
@import "mixins";

_mixins.scss:

/* PIXELS to EM */
// eg. for a relational value of 12px write em(12) when the parent is 16px
// if the parent is another value say 24px write em(12, 24)

// @include em(12);
@function em($pxval, $base: $em-base) {
    @if not unitless($pxval) {
        $pxval: strip-units($pxval);
    }
    @if not unitless($base) {
        $base: strip-units($base);
    }
    @return ($pxval / $base) * 1em;
}

Y finalmente _typography.scss:

// widget table headers
section header h1 {
    font-family: LatoRegular;
    font-size: em(18);
}

Error de CodeKit:

Syntax error: Undefined variable: "$em-base".
    on line 6 of /assets/sass/partials/_typography.scss
    from line 38 of /assets/sass/dashboard.scss
3
  • 1
    Oh, buen artículo. ¡Dale es un tipo increíble! Puede intentar poner su descaro en sassmeister.com para que pueda ver dónde va mal ...
    Chris
    7/0314 a las 22:39
  • 1
    sin duda lo que necesita para inicializar la variable $ em-base primera de esta manera: $em-base: 16; // Default. Ver gist.github.com/ngryman/5077672
    adaam
    7 de marzo de 2014 a las 22:41
  • ¡Ah, fallar! Lol I real em-base como em indefinido 7 mar.14 a las 22:42
1

$em-base no está definido en ninguno de sus archivos.

1
  • Maldita sea, olvidé configurar esa variable, no la vi al principio $em-base: 16; 7 mar.14 a las 22:43